element table自带多选框的功能,但是有的时候我们希望禁用表头的全选功能,这在table中是没有相关属性可以配置的。本文是通过设置CSS样式,隐藏掉全选框的按钮。原图和效果图如下:
原始图:
修改后效果图:
修改方法:
<style lang="css" scoped>
.meaClass /deep/ .el-table__header-wrapper .el-checkbox {
display: none;
}
</style>
这里meaClass是table的父组件,我是用一个div包裹的table,div class="meaClass"。另外这里style lang我声明的是css,因为用scss样式传递配置不生效。对css分类和deep使用感兴趣的可以参考这两篇文章:
vue基础(一)css sass scss less_Interest1_wyt的博客-CSDN博客