el-table表头修改文字或者背景颜色，通过header-row-style设置样式

在Element UI的el-table组件中，可以通过header-row-style属性来修改表头的样式。这个属性接受一个对象，其中可以定义如background、color等CSS样式属性。

以下是一个简单的例子，展示如何修改表头的背景颜色和文字颜色：

<template>
  <el-table
    :data="tableData"
    style="width: 100%"
    :header-row-style="{ background: '#f5f7fa', color: '#606266' }"
  >
    <el-table-column
      prop="date"
      label="日期"
      width="180">
    </el-table-column>
    <el-table-column
      prop="name"
      label="姓名"
      width="180">
    </el-table-column>
    <el-table-column
      prop="address"
      label="地址">
    </el-table-column>
  </el-table>
</template>
 
<script>
export default {
  data() {
    return {
      tableData: [{
        date: '2016-05-02',
        name: '王小虎',
        address: '上海市普陀区金沙江路 1518 弄'
      }, {
        date: '2016-05-04',
        name: '李小虎',
        address: '上海市普陀区金沙江路 1517 弄'
      }, {
        date: '2016-05-01',
        name: '赵小虎',
        address: '上海市普陀区金沙江路 1519 弄'
      }, {
        date: '2016-05-03',
        name: '孙小虎',
        address: '上海市普陀区金沙江路 1516 弄'
      }]
    };
  }
};
</script>

在这个例子中，header-row-style属性被设置为一个对象，该对象定义了背景颜色为#f5f7fa和文字颜色为#606266。你可以根据需要修改这些值来自定义表头的样式。