el-table的表头样式

el-table的表头样式可以通过以下方式进行自定义：

1. 使用 slot-scope 自定义表头内容：

<template slot="header">
  <el-table-column label="姓名">
    <template slot="header">
      <!-- 自定义表头样式 -->
      <span class="custom-header">姓名</span>
    </template>
  </el-table-column>
</template>

在上述示例中，我们通过在 el-table-column 组件内部使用 slot-scope 来自定义表头内容，并在自定义内容中添加了一个具有自定义样式的 span 元素。

2. 使用 scoped slot 自定义表头样式：

<el-table :data="tableData">
  <el-table-column label="姓名">
    <template slot-scope="scope">
      <div class="custom-header">{{ scope.column.label }}</div>
    </template>
  </el-table-column>
</el-table>

在上述示例中，我们使用了 scoped slot 来自定义表头的样式。通过 scope 对象可以获取到当前列的信息，例如 label 属性。

3. 使用 CSS 自定义表头样式：
可以通过给表头元素添加自定义的 CSS 类来修改表头的样式。例如：

<el-table :data="tableData" class="custom-table">
  <el-table-column label="姓名"></el-table-column>
</el-table>

.custom-table th {
  background-color: #f0f0f0;
  color: #333;
}

在上述示例中，我们给 el-table 组件添加了一个自定义的 CSS 类 custom-table，并通过 CSS 规则来修改表头的背景色和文字颜色。

通过以上几种方式，你可以根据自己的需求来自定义 el-table 的表头样式。记得将示例代码中的 class 名称和样式修改为你自己的需求。