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"
                    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;'
    },
   }