reactjs - PrimeReact - 数据表和延迟加载问题
问题描述
我对 DataTable 和延迟加载有疑问。
当我激活延迟加载参数(我无法删除,因为来自 api 的请求太大)时,激活延迟加载时过滤和排序不起作用。我理解它为什么会这样,但我真的不知道如何解决它。
如果您有任何解决方案,我会接受,因为我真的被困在这里:)
链接到代码沙盒-> https://codesandbox.io/s/datatable-t92wk
我在 primereact 中对基本示例进行了一些修改,例如添加延迟加载、删除分页并通过虚拟滚动替换它。我还对过滤进行了修改,但我认为我所做的并不正确,但它在这种情况下有效:它停止了延迟变量,因此我可以使用延迟加载。
我想做的是对表中已经加载的数据进行排序:)
谢谢
解决方案
有同样的问题。显然您不能使用延迟加载模式(链接)进行过滤。真的有道理。
对于排序,您可以传递一个onSort
函数,并且每次发生排序事件(即:用户单击列标题)时,您都可以发回数据库请求。
const onSort = (e) => {
// use e.sortField and e.sortOrder to send a DB request,
}
<DataTable onSort={onSort} ... // rest of the stuff />
推荐阅读
- docker-compose - Docker-compose Nuxtjs
- vue.js - Vue JS if 语句返回两个结果
- javascript - 如何从firebase获取年份和月份?
- flutter - 如何在 1 秒内自动关闭 Slidable?
- git - git.exe is not found by gradle
- java - App crashes when button onclicklistener is clicked to go to recycler view - don't know what is wrong
- android - user login using viewmodel and retrofit
- python - 在python中为组保留值
- linux - 如何在 KVM-QEMU 中创建具有 4K 扇区大小的 NVMe
- python - 需要帮助识别'data [x,y]'访问的python数据结构