element table组件 单独设置表头的某列某行的样式

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

代码：

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

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

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;"; //字体红色
       }
   },
}

效果展示