el-table其中一列选为selection，如何给这列表头多加上“全选”两字

Question

用label不行

<el-table-column type="selection" align="center" label="全选" ></el-table-column>

Answer 1

看源码不支持label，重写个renderHeader方法貌似也不太现实。用css before hack吧。。

Answer 2

css实现el-table type="selection"时,表头添加“全选”二字

.el-table__header .el-table-column--selection .cell .el-checkbox:after {
  content: "全选";
}

在css或scss中覆盖elementui的样式即可

送给查到此提问且有需要的人

Answer 3

/deep/ .el-table__header .el-table-column--selection .el-checkbox__inner {
display: none !important;
}

/deep/ .el-table__header .el-table-column--selection .cell .el-checkbox::before {
content: '全选';
text-align: center;

}

如果不行，那就是你的class写错了，这个是我的，记得写自己的class