代码改变世界

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

2019-07-05 14:21  WEB前端小菜鸟  阅读(21484)  评论(0编辑  收藏  举报

 

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

header-cell-style可以修改它 的背景及其他
 
好吧,怎么样去除左上角的那一个全选按钮呢
当然是样式none不就行了,不好意思没想到,这是是写到scoped里面的哈
#boxbox /deep/ thead .el-table-column--selection .cell{
  display: none;
}
覆盖样式贯穿 可以用 >>> 和 /deep/ 来警醒样式贯穿 

 

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

 

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