antdesgin protable 如何设置初始化排序

Ant Design Pro Table 提供了一种方便的方法来设置初始化排序。你可以使用 `defaultSortOrder` 和 `defaultSortOrder` 属性来实现。

首先，你需要在表格组件中定义 `defaultSortOrder` 和 `defaultSortBy` 属性。`defaultSortOrder` 用于设置默认的排序方式（升序或降序），而 `defaultSortBy` 用于设置默认的排序依据（列的 dataIndex）。

下面是一个示例代码：

import { Table } from 'antd';

const dataSource = [
  // 数据源
];

const columns = [
  {
    title: '姓名',
    dataIndex: 'name',
    key: 'name',
    sorter: true, // 开启排序功能
    defaultSortOrder: 'ascend', // 设置默认排序方式为升序
  },
  {
    title: '年龄',
    dataIndex: 'age',
    key: 'age',
    sorter: true,
  },
  // 其他列...
];

const MyTable = () => {
  return (
    <Table
      dataSource={dataSource}
      columns={columns}
      defaultSortOrder="ascend" // 设置默认排序方式为升序
      defaultSortBy="name" // 设置默认排序依据为 name 列
    />
  );
};

export default MyTable;

在上面的示例中，我们将 `defaultSortOrder` 属性设置为 "ascend"，表示默认按升序排序。同时，我们还将 `defaultSortBy` 属性设置为 "name"，表示默认按姓名列进行排序。

这样，当表格组件首次渲染时，会自动按照设置的默认排序方式和依据进行排序。

希望能帮到你！如有其他问题，请随时提问。