vue技巧（四）element table多选框隐藏首行

vue技巧（四）element table多选框隐藏首行

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博客

vue技巧（一）深度作用选择器_Interest1_wyt的博客-CSDN博客