elementui表格列名字体颜色

您可以使用 Element UI 表格组件的 `header-cell-style` 属性来设置表格列的标题（表头）的样式，包括字体颜色。可以在表格组件中的 `<el-table-column>` 标签上添加该属性，并设置为一个返回样式对象的函数。示例如下：

<template>
  <el-table :data="tableData">
    <el-table-column prop="name" label="姓名" :header-cell-style="headerCellStyle"></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: 20, gender: '男' },
        { name: '李四', age: 25, gender: '女' },
        { name: '王五', age: 30, gender: '男' },      ],
    };
  },
  methods: {
    headerCellStyle() {
      return {
        color: 'red', // 设置字体颜色为红色
      };
    },
  },
};
</script>

在上述示例中，通过在 `<el-table-column>` 标签上设置 `header-cell-style` 属性，值为一个返回样式对象的函数 `headerCellStyle`，可以设置表格列名（表头）的字体颜色为红色。您可以根据需要调整这个函数的返回值来设置不同的样式。