如何在Javascript中为表设置灵活的分页?

如何在Javascript中为表设置灵活的分页?,javascript,pagination,Javascript,Pagination,我是一个相对的JavaScript初学者。我对使用文档(document.getElementById(…)和document.getElementsByTagName(…))以及其他文档查询功能感到满意 我被要求为我的团队创建某种形式的表分页库。我们不使用jQuery或任何其他第三方库。因此,我必须操作表dom或类似的东西才能使其工作。在这个库中,我必须能够 设置灵活的分页(每页显示的行数可以通过使用某种文本框进行配置)我查看了一些源代码,但我无法理解 用户应该能够使用一些图标来回导航。更改的

我是一个相对的JavaScript初学者。我对使用文档(
document.getElementById(…)
document.getElementsByTagName(…)
)以及其他文档查询功能感到满意

我被要求为我的团队创建某种形式的表分页库。我们不使用jQuery或任何其他第三方库。因此,我必须操作表dom或类似的东西才能使其工作。在这个库中,我必须能够

  • 设置灵活的分页(每页显示的行数可以通过使用某种文本框进行配置)我查看了一些源代码,但我无法理解
  • 用户应该能够使用一些图标来回导航。更改的页码应该反映在配置框中
  • 我不是在寻求解决方案,因为我会学会自己做这件事。我该如何着手解决这个问题

    nnnn观测后更新
    我不知道该采取什么方法,因为我没有考虑到这种可能性。大多数情况下,我们只有大约2000条记录要显示。我想如果加载不会占用太多内存,我宁愿先加载,然后尝试分页。不过,我会选择任何推荐的方法。

    我强烈建议使用查看jquery datatables插件

    如果你想实现你的UI,只需要一个对象来处理分页逻辑,请查看这个库:

    对于堆栈溢出来说,这可能有点太大了。不管怎样,一个设计决策需要提前完成:Web服务器是否会提前返回所有数据,而JavaScript是否会处理所有分页没有对服务器的进一步请求,或者分页方案是前端和后端的?如果每次用户单击图标时,您都会从服务器请求单独的数据页,您会使用完整的页面重新加载还是Ajax(或者两者都使用,取决于用户是否启用了JS)?