设置elementui 表格表头header-row-class-name

可以通过设置 `header-row-class-name` 属性来为表头的行添加 class。具体方法如下：

<template>
  <el-table :data="tableData" :header-row-class-name="tableHeaderRowClassName">
    <el-table-column prop="name" label="姓名"></el-table-column>
    <el-table-column prop="age" label="年龄"></el-table-column>
    <el-table-column prop="gender" label="性别"></el-table-column>
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        { name: '张三', age: 22, gender: '男' },
        { name: '李四', age: 25, gender: '女' },
        { name: '王五', age: 30, gender: '男' }
      ]
    }
  },
  methods: {
    tableHeaderRowClassName() {
      return 'header-row-class'
    }
  }
}
</script>

<style>
.header-row-class {
  background-color: #f5f7fa;
}
</style>

在上面的代码中，我们在 `el-table` 标签中设置了 `header-row-class-name` 属性并绑定了一个方法 `tableHeaderRowClassName`，这个方法返回一个字符串 `'header-row-class'`，这个字符串就是我们要添加的 class 名称。最后，在样式中设置 `.header-row-class` 的样式即可。