image.png本文旨在解决使用element-ui时在table中增加全选功能列,效果如图所示:
实现方法:
1.手动添加一个el-table-column,设type属性为selection即可
<el-table-column type="selection" width="100px"></el-table-column>
2.在el-table-column中设置label属性并不会起作用,因此全选二字需要使用CSS来实现
.el-table__header .el-table-column--selection .cell .el-checkbox:after {
color: #333;
content: "全选";
font-size: 16px;
margin-left: 12px;
font-weight: bold;
}
网友评论