elementui表头样式

您可以通过 Element UI 的表格组件中的 `header-cell-style` 属性来设置表头单元格的样式。例如，您可以在表格中添加以下代码：

<el-table :data="tableData" style="width: 100%">
  <el-table-column prop="date" label="日期" width="180">
    <template slot-scope="scope">
      <span>{{ scope.row.date }}</span>
    </template>
  </el-table-column>
  <el-table-column prop="name" label="姓名" width="180" :header-cell-style="{'background-color': '#f2f2f2', 'color': '#333'}">
    <template slot-scope="scope">
      <span>{{ scope.row.name }}</span>
    </template>
  </el-table-column>
  <el-table-column prop="address" label="地址">
    <template slot-scope="scope">
      <span>{{ scope.row.address }}</span>
    </template>
  </el-table-column>
</el-table>

在上述代码中，我们使用了 `header-cell-style` 属性来设置姓名列的表头样式，其中 `background-color` 和 `color` 属性分别用于设置背景颜色和文字颜色。您可以根据实际需求进行调整。