vue vue-element-ui组件 eltable 表头背景颜色

elementui官网，header-cell-style是表头单元格的 style 的回调方法，也可以使用一个固定的 Object 为所有表头单元格设置一样的 Style。

<el-table :header-cell-style="{background:'#eef1f6',color:'#606266'}">

或者

<el-table :data="tableData":header-cell-style="initTableHeaderStyle"borderstripe><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;'},}