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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了element ui el-table 多选 表头全选框替换文字相关的知识,希望对你有一定的参考价值。

参考技术A

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

在methods里增加的方法

在style中增加样式

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

参考技术A 上面写法在实际使用中发现了问题,就是只能选中默认的第一页,之后其他页的多选框没有选中;但是this.showSelectList中已经读取到从编辑接口获取到的数据。
解决办法:
在点击入口事件的时候,就开始多选绑定,绑定发生在调用接口之前。

以上是关于element ui el-table 多选 表头全选框替换文字的主要内容,如果未能解决你的问题,请参考以下文章

Element UI样式优化el-table多选行的实现 ==> 批量删除功能 ==> el-table含有不可选中行

如何在element UI lt;el-table>表头中添加 select选择器或其他组件

如何在element UI lt;el-table>表头中添加 select选择器或其他组件?

element 中el-table 如何固定表头

vue element-ui动态渲染多级table表头

element-ui —— el-table分页回显与多选删除功能冲突(reserve-selection)