antd vue 的table组件如何更改表头背景色

可以通过 `headerStyle` 属性来设置表头的背景色。具体实现方法如下：

<template>
  <div>
    <a-table :columns="columns" :data-source="dataSource" bordered>
      <template #header="props">
        <th :style="props.column.headerStyle">{{ props.column.title }}</th>
      </template>
    </a-table>
  </div>
</template>

<script>
export default {
  data() {
    return {
      columns: [
        {
          title: 'Name',
          dataIndex: 'name',
          key: 'name',
          headerStyle: { background: '#e6f7ff' }, // 设置表头背景色
        },
        {
          title: 'Age',
          dataIndex: 'age',
          key: 'age',
        },
        {
          title: 'Address',
          dataIndex: 'address',
          key: 'address',
        },
      ],
      dataSource: [
        {
          key: '1',
          name: 'John Brown',
          age: 32,
          address: 'New York No. 1 Lake Park',
        },
        {
          key: '2',
          name: 'Jim Green',
          age: 42,
          address: 'London No. 1 Lake Park',
        },
        {
          key: '3',
          name: 'Joe Black',
          age: 32,
          address: 'Sidney No. 1 Lake Park',
        },
      ],
    };
  },
};
</script>

在上面的代码中，我们通过 `headerStyle` 属性为第一列设置了表头的背景色为 `#e6f7ff`。

需要注意的是，这里的 `headerStyle` 属性是自定义的，antd vue 的 Table 组件并没有提供这个属性，因此需要自己定义并传递给表头的渲染函数。