vue文件
<el-table ref="myTable"></el-table><button @click="click">隐藏</button>
js文件
click() {this.$refs.myTable.$el.getElementsByClassName('el- table__header-wrapper')[0].getElementsByClassName('el-checkbox')[0].getElementsByClassName('el-checkbox__input')[0].getElementsByClassName('el-checkbox__inner')[0].style.display = 'none'}
element-ui——el-table隐藏全选框
1、el-table中添加:header-cell-class-name="cellClass"表头增加class函数
<el-table:data="tableData"ref="table":header-cell-class-name="cellClass"><el-table-column align="center"/></el-table>
2、methods中增加对应函数,可根据某些条件来控制全选框显示与否
methods: {cellClass(row){if (1 === 1) {return 'disableheadselection'}}}
3、添加css样式隐藏选框
<style lang="scss" scoped>/deep/ .disableheadselection > .cell .el-checkbox__inner {display: none;}<style>
