Javascript数组表分页

时间:2012-08-30 09:16:26

标签: javascript arrays pagination

我想为这个具有分页控件的简单JavaScript数组表实现分页(每页5条记录)。

到目前为止,我创建了一个包含数据的表:

 jsfiddle.net/QwBsa/13/

有人可以将我转到任何演示或参考吗?

1 个答案:

答案 0 :(得分:2)

尝试使用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