1. 试过JS innerHTML修改dom,没生效
2. 使用css :before选择器修改,生效
2.1给多选表头增加class名
<el-table
:data="bondData"
border
style="width: 100%"
:header-cell-class-name="cellClass"
@selection-change="handleSelectionChange">
<el-table-column
type="selection"
width="70">
</el-table-column>
</el-table>
//给第一列的列名加个class,名叫noneSelectHeader
cellClass(row) {
if (row.columnIndex === 0) {
return 'noneSelectHeader'
}
},
2.2修改css样式
/*隐藏原有CheckBox*/
.el-table /deep/.noneSelectHeader .cell .el-checkbox{
display: none;
}
/*增加文字*/
.el-table /deep/.noneSelectHeader .cell:before{
content:"选择文字";
}