el-table样式总结—持续更新

1.el-table标签的header-cell-style给指定的表头添加样式

 :header-cell-style="getRowClass"

 getRowClass ({ row, column, rowIndex, columnIndex }) { 
        
               if ((rowIndex === 0 && columnIndex === 0) || (rowIndex === 1 && (columnIndex === 0 || columnIndex === 1))) {
                    return 'background:#c90a5b;color:#fff;text-align:center;font-size:15px;font-weight:550;';
                } else {
                    return '';
                }
            
            }
       

rowIndex===0是第一行，columnIndex===0是第一列。 return ' css样式 '

2. el-table标签的:span-method合并单元格，不包含表头

:span-method="rowSpanMethod"

if里面可以自定义