vue2 修改el-table表头样式

您可以通过以下方式修改`el-table`表头的样式：

1. 通过`header-cell-style`属性设置表头单元格的样式，例如：

<el-table :data="tableData" :header-cell-style="{background: '#f5f5f5'}">
  <el-table-column prop="date" label="日期"></el-table-column>
  <el-table-column prop="name" label="姓名"></el-table-column>
  <el-table-column prop="address" label="地址"></el-table-column>
</el-table>

2. 通过自定义表头模板设置表头的样式，例如：

<el-table :data="tableData">
  <el-table-column prop="date">
    <template slot="header" slot-scope="scope">
      <span style="color: red;">{{ scope.column.label }}</span>
    </template>
  </el-table-column>
  <el-table-column prop="name">
    <template slot="header" slot-scope="scope">
      <span style="color: blue;">{{ scope.column.label }}</span>
    </template>
  </el-table-column>
  <el-table-column prop="address">
    <template slot="header" slot-scope="scope">
      <span style="color: green;">{{ scope.column.label }}</span>
    </template>
  </el-table-column>
</el-table>

3. 通过 CSS 设置表头样式，例如：

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

请根据自己的实际需求选择适合的方法来修改`el-table`表头的样式。