怎么给elementui表头设置样式

给Element UI表头设置样式可以通过以下两种方式实现：

1. 使用 `header-cell-style` 属性：可以在 `<el-table>` 组件中使用 `header-cell-style` 属性来设置表头单元格的样式。例如，可以设置表头单元格的背景色、字体颜色、字体大小等。示例代码如下：

<el-table :data="tableData" style="width: 100%">
  <el-table-column prop="name" label="姓名" :header-cell-style="{background: '#f3f3f3', color: '#333', fontSize: '16px'}"></el-table-column>
  <el-table-column prop="age" label="年龄"></el-table-column>
  <el-table-column prop="address" label="地址"></el-table-column>
</el-table>

2. 使用 CSS 样式：可以通过给表头单元格添加 CSS 样式来设置表头样式。例如，可以添加自定义类名来设置表头样式。示例代码如下：

<el-table :data="tableData" style="width: 100%">
  <el-table-column prop="name" label="姓名" class-name="my-header"></el-table-column>
  <el-table-column prop="age" label="年龄"></el-table-column>
  <el-table-column prop="address" label="地址"></el-table-column>
</el-table>

<style>
  .my-header {
    background: #f3f3f3;
    color: #333;
    font-size: 16px;
  }
</style>

以上两种方式都可以实现给Element UI表头设置样式的效果，具体选择哪种方式取决于您的实际需求。