elementui官网,header-cell-style是表头单元格的 style 的回调方法,也可以使用一个固定的 Object 为所有表头单元格设置一样的 Style。
<el-table :header-cell-style="{background:'#eef1f6',color:'#606266'}">
或者
<el-table :data="tableData"
:header-cell-style="initTableHeaderStyle"
border
stripe>
<el-table-column prop="date" label="日期" width="140"></el-table-column>
<el-table-column prop="name" label="姓名" width="120"></el-table-column>
<el-table-column prop="address" label="地址"></el-table-column>
</el-table>
mounted(){
this.initTableHeaderStyle
},
methods: {
initTableHeaderStyle ({row, column, rowIndex, columnIndex}) {
return 'background-color:#E8E8E8;color:rgba(0, 0, 0, 0.85);font-weight:500;'
},
}