el-table表格合并行时多选框选中/取消单号相同数据

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了el-table表格合并行时多选框选中/取消单号相同数据相关的知识,希望对你有一定的参考价值。

参考技术A 1.勾选其中一个单号多选框,其他合并行自动也勾选。
2.取消其中一个合并行,其他单号相同合并行也取消勾选

element ui el-table 多选 表头全选框替换文字

参考技术A

首先我们把全选框换成自己想要的文字:这里有使用header-cell-class-name属性给表头添加自定义class
header-cell-class-name:

在methods里增加的方法

在style中增加样式

以上是关于el-table表格合并行时多选框选中/取消单号相同数据的主要内容,如果未能解决你的问题,请参考以下文章

ElementUI 将table多选框改为单选框的解决办法

vue elementUI实现el-table点击行单选, 点击行多选,点击复选框单选效果

Vue2 Element el-table多选表格 控制选取的思路

Vue2 Element el-table多选表格 控制选取的思路

element-ui中el-table的多选默认选中

element ui el-table 多选 表头全选框替换文字