element ui表头样式

Element UI 提供了很多定制表头样式的选项，你可以使用以下方法来修改表头样式：

1. 使用内置的表头样式类：Element UI 提供了一些内置的表头样式类，例如`el-table__header`, `el-table__column`, `el-table__sort-icon`等。你可以通过在表头元素上添加这些类名来改变样式。

<el-table>
  <el-table-column label="姓名" class="custom-header">
    <!-- 表头内容 -->
  </el-table-column>
</el-table>

2. 使用 scoped slot 自定义表头模板：你可以使用 scoped slot 来自定义表头的模板，并在模板中添加自定义的样式。

<el-table>
  <el-table-column label="姓名">
    <template slot="header" slot-scope="scope">
      <div class="custom-header">
        <!-- 表头内容 -->
      </div>
    </template>
  </el-table-column>
</el-table>

3. 使用 CSS 样式：通过为表头元素添加 CSS 样式来修改其外观。

<el-table>
  <el-table-column label="姓名">
    <!-- 表头内容 -->
  </el-table-column>
</el-table>

<style scoped>
.custom-header {
  /* 自定义表头样式 */
}
</style>

以上方法可以帮助你修改 Element UI 表头的样式，你可以根据自己的需求进行调整。记得将示例中的 `.custom-header` 替换为你自己的类名或者样式。