Javascript表格的分页

时间:2017-12-08 10:37:25

标签: javascript pagination

我试图将分页功能放入我的表格中,然后点这篇文章" Simple pagination in javascript"以供参考。

https://codepen.io/duongvu/pen/eewdPG?editors=1111

它应该将我的数组中的数据输入到表的类中。然而,它并不适用于我的情况。 单击<next>

时会冻结并无法继续

2 个答案:

答案 0 :(得分:0)

试试@Duong Vu

for (var i = 0; i < records_per_page; i++)
 {
    col[i].innerText = content[i + (page-1) * records_per_page].number;
 }

答案 1 :(得分:0)

A

您只打印数字,这就是为什么它没有打印任何其他结果。由于您只有4行,因此您需要使用function changePage(page) { var btn_next = document.getElementById("btn_next"); var btn_prev = document.getElementById("btn_prev"); var col = document.getElementsByClassName("no"); var colName = document.getElementsByClassName("name"); var colDetails = document.getElementsByClassName("info"); var page_span = document.getElementById("page"); if (page < 1) page = 1; if (page > numPages()) page = numPages(); for (var i = (page - 1) * records_per_page; i < (page * records_per_page); i++) { col[i % records_per_page].innerText = content[i] ? content[i].number : ''; colName[i % records_per_page].innerText = content[i] ? content[i].name : ''; colDetails[i % records_per_page].innerText = content[i] ? content[i].detail : ''; } } 在页面更改中打印表格数据。

此处已更新codepen