因为需求的原因无法在table中使用header-row-style实现效果,于是使用el-table-column中的class-name属性设置样式,结果出现单元格内容区也被加上一样的class导致有了背景色,查找element文档发现应该设置label-class-name,就只会给表头加这个class
这里是遍历给相邻列设置不同颜色,ABAB形式所以加了判断
html
<el-table-column label="Test" :label-class-name="index%2==0?'green1':'green2'">
css
.green1{
background-color: rgb(82, 113, 130) !important;
}
.green2{
background-color: rgb(84, 100, 110) !important;
}