vue2 修改el-tabel 表头颜色

你可以通过以下几种方式修改 `el-table` 表头的颜色:

1. 使用 `header-row-style` 属性

你可以在 `el-table` 组件上设置 `header-row-style` 属性，指定表头行的样式，例如：

<el-table :data="tableData" header-row-style="background-color: #f5f5f5;">
  ...
</el-table>

这将使表头行的背景色为 `#f5f5f5`。

2. 使用 scoped slot

你可以使用 `scoped slot` 来自定义表头的内容和样式。例如：

<el-table :data="tableData">
  <el-table-column prop="name" label="Name">
    <template slot-scope="scope">
      <div style="color: #409EFF;">{{ scope.column.label }}</div>
    </template>
  </el-table-column>
  ...
</el-table>

这将使表头的文字颜色为 `#409EFF`。

3. 使用 CSS 选择器

你可以使用 CSS 选择器来修改表头的样式。例如：

.el-table__header th {
  background-color: #f5f5f5;
}

这将使表头的背景色为 `#f5f5f5`。