【问题标题】:Javascript Array Table Pagination [closed]Javascript数组表分页[关闭]
【发布时间】:2016-10-21 23:14:48
【问题描述】:
我想为这个带有分页控件的简单 JavaScript 数组表实现分页(每页 5 条记录)。
到目前为止,我创建了一个包含数据的表:
jsfiddle.net/QwBsa/13/
谁能帮我转至任何演示或参考资料?
【问题讨论】:
标签:
javascript
arrays
pagination
【解决方案1】:
尝试使用 jQuery.dataTables...它提供了分页和排序选项
包括这个
<link href="css/demo_page.css" rel="stylesheet" id="stylesheet"/>
<link href="css/demo_table.css" rel="stylesheet" />
<script src="js/jquery.dataTables.js"></script>
并在 javascript 中创建与您一样的表并将类名声明为“abc”
var table = document.createElement('table');
table.setAttribute("class","abc");
var tbody = document.createElement('tbody');
而调用jquery显示长度将是要显示的数据个数,
jQuery 调用:
$('#abc').dataTable({
"iDisplayLength": 5,
});
参考使用见网站
www.datatables.net