Antd的table如何修改排序顺序？

Question

我想更改 Antd 中的排序顺序 table。现在，就在组件初始化之后，排序从“单击以升序排序”开始，然后切换到降序，最后切换到 none.

我的目标是将顺序从升序 -> 降序 -> none 更改为 降序 -> 升序 -> none。是否可以在不更改工具提示消息和请求的情况下将其反转？

我试过使用 sortDirections 和 defaultSortOrder，但它们似乎没有解决我的问题。

Answer 1

我查看了 antd 文档 - 版本 4.19.4 - sortDirections 适用于我的情况。

const CustomTable = () => {
  const tableColumns = columns.map((item) => ({ ...item }));

  return (
    <Table
      sortDirections={["descend", "ascend"]}
      columns={tableColumns}
      dataSource={data}
    />
  );
};

这是一个沙盒：https://codesandbox.io/s/antd-table-sorting-order-9uuv80

我没有包含工具提示，但您可以看到顺序是降序、升序和 none.

Antd的table如何修改排序顺序？

How to change the sorting order in Antd's table?

reactjs

antd