想要更改表头颜色,只要在el-table里引 :header-cell-style="{background:'red'}",
<el-table :header-cell-style="{background:'red'}"></el-table>
这样就可以了,或者使用函数
<el-table
:data="tableData"
border
:header-cell-style="getRowClass"
size="mini">
<el-table-column
prop="Name"
align='center'
label="">
</el-table-column>
</el-table>
methods: {
getRowClass ({ row, column, rowIndex, columnIndex }) {
if (rowIndex === 0) {
return 'background:#c90a5b;color:#fff;text-align:center;font-size:9px;font-weight:500;'
} else {
return ''
}
}
}
header-cell-style 表头单元格的 style 的回调方法,也可以使用一个固定的 Object 为所有表头单元格设置一样的 Style。 Function({row, column, rowIndex, columnIndex})/Object