本文旨在解決使用element-ui時在table中增加全選功能列,效果如圖所示:

image.png
實現(xiàn)方法:
1.手動添加一個el-table-column,設type屬性為selection即可
<el-table-column type="selection" width="100px"></el-table-column>
2.在el-table-column中設置label屬性并不會起作用,因此全選二字需要使用CSS來實現(xiàn)
.el-table__header .el-table-column--selection .cell .el-checkbox:after {
color: #333;
content: "全選";
font-size: 16px;
margin-left: 12px;
font-weight: bold;
}