完善表格分页逻辑

Question

我有一个 GridView，其中填充了最近 100 条文档记录（标题、描述、作者、创建日期）。 我使用 DataTable jQuery 插件来提供更多功能，例如：列拖放、搜索、分页。

由于文档总数可能非常高（数千条记录），我决定将提供的数据限制为 100 条。这将满足几乎 90% 的情况。
但是，某些用户可能还需要搜索/查看较旧的文档。因此，我需要进一步实现逻辑以允许加载“更多”100 条记录。

我的流程如下：
1) 加载前 100 个条目。
2) 提供额外的按钮 -> 单击后将进一步将 100 个条目推入表中（因此有 200 条记录）。

由于我真的不喜欢插入额外的按钮来“推送”新数据，如何以更好的方式实现这一点？

Answer 1

您可以使用数据表“bScrollInfinite: true”选项。您还需要指定 sScrollY 选项来表示数据表的高度。

设置这些选项后，您的用户只需向下滚动，当数据表检测到他们接近页面底部时，它会自动为您加载更多数据到底部。

"bScrollInfinite": true,
"sScrollY": 350,