element table组件 单独设置表头的某列某行的样式_el-table 给表头里面的某一个单元格设置样式

需求： 需要对表头的某个单独的表格（某行某列）进行样式设置。
解决方法： 使用 el-table 的 header-cell-style 属性就可以了。

代码：

HTML部分代码
header-cell-style 里面是一个方法，用来设置表头的样式。

<el-table :data="item.data.size" :header-cell-style="tableHeaderColor">
</el-table>
1
2

JS部分代码
方法里面，可以通过索引来找到对应的行和列。

methods: {
   tableHeaderColor({ row, column, rowIndex, columnIndex }) {
   		// 这里是对行和列的判断
       if (rowIndex === 2 && columnIndex === 2) {
       		// 返回的就是需要设置的CSS样式
           return "color:#ff4c4c;"; //字体红色
       } else if (rowIndex === 2 && columnIndex === 3) {
           return "color:#ff4c4c;"; //字体红色
       }
   },
}
1
2
3
4
5
6
7
8
9
10
11

效果展示