我试图将分页功能放入我的表格中,然后点这篇文章" Simple pagination in javascript"以供参考。
https://codepen.io/duongvu/pen/eewdPG?editors=1111
它应该将我的数组中的数据输入到表的类中。然而,它并不适用于我的情况。
单击<next>
答案 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。