element ui 表格头部背景色

要设置 Element UI 表格头部的背景色，你可以使用 `header-cell-style` 属性来自定义样式。在表格组件中，将 `header-cell-style` 属性设置为一个返回样式对象的函数，并在对象中设置 `background-color` 属性。例如：

<el-table :data="tableData">
  <el-table-column prop="name" label="姓名" :header-cell-style="headerCellStyle"></el-table-column>
  <el-table-column prop="age" label="年龄" :header-cell-style="headerCellStyle"></el-table-column>
  <el-table-column prop="gender" label="性别" :header-cell-style="headerCellStyle"></el-table-column>
</el-table>

然后在你的 Vue 实例中定义 `headerCellStyle` 方法：

data() {
  return {
    tableData: [
      { name: '张三', age: 18, gender: '男' },
      { name: '李四', age: 20, gender: '女' },
      { name: '王五', age: 22, gender: '男' }
    ]
  };
},
methods: {
  headerCellStyle() {
    return { 'background-color': '#f5f5f5' };
  }
}

在这个例子中，`headerCellStyle` 方法返回一个包含 `background-color` 属性的样式对象。你可以根据自己的需求修改颜色值来设置表格头部的背景色。