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>