首页 > 解决方案 > 如何进行高级分页

问题描述

我正在尝试为我的 Table 组件创建分页逻辑,我正在使用antd

我有一些要求很难实现:

  1. 我希望能够按不同的列排序
  2. 实现了某种缓存,目前使用的是apollo-client
  3. 能够在表格内跳来跳去(例如:从第 1 页到第 500 页再到第 3 页应该没问题

我有一个接受输入对象的端点:

{
  offset: Int,
  limit: Int, # How many records to return starting from the offset defined
  ...
  # Some sorting rules
}

目前,我发现的所有 Table 实现都使用某种数据源,它始终是一个数组,这对于静态列表或无休止的滚动效果非常有用。

这应该经常被其他人实施,所以我很想听听其他人如何解决这个简单的问题?

如果你认为我应该放弃缓存支持,那么当大多数 Table 组件接受一个数组时,你会怎么做呢?

标签: reactjscachinggraphqlapollo-client

解决方案


推荐阅读