antd的table组件如何排列某列的所有数据？

Question

今天遇到了一个问题就是 使用 react + antd 的 proTable 组件的列定义那里定义的排序，点击后只能对 当前页的数据 进行排列，怎样才能做到点击排序排列的是当前列的 所有数据 呢

Answer 1

通过table的onChange事件中的extra进行判断。下为示例代码。其中onSort的实现根据实际情况会有所不同

const onChange = (pagination, filters, sorter, extra) => {
    extra.action === 'sort' && onSort(sorter.order, sorter.field);
  };

如果所有数据在前端，直接在onSort对dataSource进行排序。如果是服务端请求就将order规则和field加入接口的params中