el-table表格的复选框，全选改为“选择”_el-table 左上角的全选框更换为全选按钮

作者：小蓝xlanll | 2024-04-21 02:21:17

踩

el-table 左上角的全选框更换为全选按钮

给表格列加类名

<el-table-column label-class-name="disabledCheck" type="selection" width="50"></el-table-column>
1

原来的复选不显示，显示为文字"选择"

.el-table .disabledCheck .cell .el-checkbox__inner{
   display: none !important; 
 }
 .el-table .disabledCheck .cell::before{
   content: '选择';
   text-align: center;
   line-height: 36px;
 }
1
2
3
4
5
6
7
8

效果展示

声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：【wpsshop博客】