1.动态显示隐藏列,通过v-if + key控制
<el-table-column prop="address" v-if="chooseCompare"
key="1" label="对比" type="selection" label-class-name="DisabledSelection"></el-table-column>
必须设置key值唯一,当点击某个按钮时,切换chooseCompare的值,达到列的显示隐藏;不能通过v-show来切换;
2.改变表格头部内容,通过label-class-name属性 + css控制
在要改变的列加上label-class-name属性,并在css手动更改content
<el-table-column prop="address" type="selection" label-class-name="DisabledSelection"></el-table-column>
.my_table{
/deep/.DisabledSelection .cell .el-checkbox__inner{
display:none;
position:relative;
}
/deep/.DisabledSelection .cell:before{
content:"对比";
position:absolute;
right: 14px;
}
}