Vue中修改el-table的表头颜色,及多选框 表头的样式none

 

Vue中修改el-table的表头颜色,及多选框 表头的样式none

2019-07-05 Vue中修改el-table的表头颜色,及多选框 表头的样式none_第1张图片

 

修改表头背景颜色及其他,它有个属性,

header-cell-style可以修改它 的背景及其他

Vue中修改el-table的表头颜色,及多选框 表头的样式none_第2张图片

 

好吧,怎么样去除左上角的那一个全选按钮呢

当然是样式none不就行了,不好意思没想到,这是是写到scoped里面的哈

#boxbox /deep/ thead .el-table-column--selection .cell{

  display: none;

}

覆盖样式贯穿 可以用 >>> 和 /deep/ 来警醒样式贯穿 

Vue中修改el-table的表头颜色,及多选框 表头的样式none_第3张图片

 

搞定。当然你也可以另外写style这个不写scoped,这么写的话会全局污染的,其他地方用el-table的话样式一样

 

Vue中修改el-table的表头颜色,及多选框 表头的样式none_第4张图片

效果一样,注意这里不用贯穿

 

 

 

你可能感兴趣的:(vue)