ant design vue2表格 动态表头 给字体添加颜色

在 ant design vue2 的表格中，可以使用插槽来自定义表头的内容，然后在插槽中使用 HTML 标签和 CSS 样式来设置字体颜色。

以下是一个示例代码：

<template>
  <a-table :columns="columns" :data-source="dataSource">
    <template #title>
      <span style="color: red;">动态表头</span>
    </template>
  </a-table>
</template>

<script>
export default {
  data() {
    return {
      columns: [
        {
          title: '姓名',
          dataIndex: 'name',
          key: 'name',
        },
        {
          title: '年龄',
          dataIndex: 'age',
          key: 'age',
        },
        {
          title: '性别',
          dataIndex: 'gender',
          key: 'gender',
        },
      ],
      dataSource: [
        {
          key: '1',
          name: '张三',
          age: 18,
          gender: '男',
        },
        {
          key: '2',
          name: '李四',
          age: 20,
          gender: '女',
        },
      ],
    };
  },
};
</script>

在这个示例中，我们在 `#title` 插槽中添加了一个 `span` 标签，并将其字体颜色设置为红色。你可以根据自己的需求来修改样式。