Ant Design Table 表头添加图标：完整指南

可以使用columns属性来定义表头，其中可以包含title和render属性来渲染表头内容。在title属性中可以使用<Icon />组件来添加图标。

例如，要在表头中添加一个排序图标，可以使用以下代码：

import { Table, Icon } from 'antd';

const columns = [
  {
    title: <span><Icon type="caret-up" /> Name</span>,
    dataIndex: 'name',
    key: 'name',
  },
  {
    title: <span><Icon type="caret-down" /> Age</span>,
    dataIndex: 'age',
    key: 'age',
  },
];

const data = [
  {
    key: '1',
    name: 'John',
    age: 20,
  },
  {
    key: '2',
    name: 'Mike',
    age: 25,
  },
];

ReactDOM.render(
  <Table columns={columns} dataSource={data} />, 
  mountNode,
);

这样，每个表头都会包含一个图标，点击图标可以实现表格的排序功能。