ant design vue 自定义table表头

要自定义 Ant Design Vue 的表头，您需要使用自定义列渲染函数。以下是一个简单的示例：

1. 首先，您需要导入 `Table` 和 `TableColumn` 组件：

import { Table, TableColumn } from 'ant-design-vue';

2. 然后，您需要创建一个自定义列渲染函数：

const renderHeader = (h, params) => {
  return h('div', [
    h('span', params.column.title),
    h('button', { on: { click: () => console.log('clicked') } }, 'Click me')
  ]);
};

该函数接受 `h` 和 `params` 两个参数，其中 `h` 是渲染函数，`params` 包含有关列的信息。

在此示例中，我们创建了一个包含列标题和一个按钮的 `div` 元素。

3. 接下来，您需要将该函数传递给 `TableColumn` 组件的 `customRender` 属性：

<Table>
  <TableColumn
    title="Name"
    dataIndex="name"
    customRender={renderHeader}
  />
  <TableColumn
    title="Age"
    dataIndex="age"
  />
</Table>

在此示例中，我们将自定义渲染函数传递给第一个列，而第二个列保留默认渲染方式。

这样，您就可以自定义 Ant Design Vue 的表头了！