PrimeReact - 数据表和延迟加载的问题

PrimeReact - Problem with datatable and lazy loading

DataTable 和延迟加载有问题。

当我激活延迟加载参数时(我无法删除,因为来自 api 的请求太大),过滤和排序在激活延迟加载时不起作用。我明白为什么会这样,但我真的不知道如何解决它。

如果您有任何解决方案,我会采纳,因为我真的被困在这里了:)

link 到 codesandbox -> https://codesandbox.io/s/datatable-t92wk

我对 primereact 中的基本示例进行了一些修改,例如添加延迟加载、删除分页并将其替换为虚拟滚动。我还对过滤进行了修改,但我认为我所做的并不是真正正确的,但它在那种情况下有效:它停止了惰性变量,因此我可以使用延迟加载。

我想做的是对 table 中已经加载的数据进行排序 :)

谢谢

有同样的问题。显然你不能在延迟加载模式下使用过滤(link)。很有道理。

对于排序,您可以传递一个 onSort 函数,每次发生排序事件时(即:用户单击列 header),您可以发回数据库请求。

const onSort = (e) => {
 // use e.sortField and e.sortOrder to send a DB request,
}

<DataTable onSort={onSort} ... // rest of the stuff />