Jquery 改进表分页逻辑

我有一个GridView，里面有最近的100个文档记录（标题、描述、作者、创作日期）。 我使用DataTable jQuery插件提供进一步的功能，如：列拖放、搜索、分页

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

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

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

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

设置这些选项后，用户可以向下滚动，当datatables检测到它们接近页面底部时，它会自动为您将更多数据加载到页面底部

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

---

你为什么不想要一个按钮？这基本上是所有搜索引擎的标准（‘转到下一页’或其他什么…）。或者，如果用户只是在您的页面上向下滚动，您是否正在考虑加载更多结果？jQuery插件已经提供了两个按钮来导航到下一页/上一页。每页将有20到50条记录，然后其他记录将显示在下一页中（无需向下滚动，然后在显示最后一条记录时，自动加载next 100）。在我看来，从设计/布局的角度来看，button的想法并不高明。但是一个标签为“加载旧数据”的按钮，即使在当前布局中也可能有意义。谢谢你的点击。这种方法可能很好，我只是担心，如果我在表中加载1000多条记录，即使使用bScrollInfinite，加载该页面也需要一段时间。就我所见，没有对服务器进行Ajax调用以根据需要检索行，但是所有数据集必须已经可用并仅在需要时显示。因此，这将提供一种不同的数据分页方式。Jquery datatables有一个选项可以实际执行服务器端处理。有关详细信息，请参阅此链接