排序和过滤完整的分页的Antd表

时间:2018-07-18 09:17:38

标签: javascript user-interface react-redux frontend antd

我正在将Ant Design库用于项目和表格元素。

问题是如何使排序器和过滤器适用于整个表格,而不仅仅是第一页页面?

我正在寻找前端解决方案,因为创建后端方法不适用于该项目。

SOURCES = testQDeleteFromLayout.cc

QT += widgets

2 个答案:

答案 0 :(得分:1)

开箱即用。定义sorter后,它将用于所有dataSource。因此,一旦单击“排序”列-所有数据都将排序。

不太明显,但是您可以看一下this example。如果按age进行排序-则整个表数据都将进行排序。

答案 1 :(得分:0)

如果列设置了 string 个值

sorter: (a, b) => a.name.localeCompare(b.name)

如果列设置了 integer 个值

sorter: (a, b) => a.number - b.number

如果列只有 buttons,则设置

sorter: true

更多排序选项:Array Sort Compare function