javascript - Javascript 配列テーブルのページネーション

Question

ページネーション コントロールを持つこの単純な JavaScript 配列テーブルのページネーション (ページあたり 5 レコード) を実現したいと考えています。

これまでのところ、データを含むテーブルを作成しました。

 jsfiddle.net/QwBsa/13/

誰でも私をデモまたはリファレンスにルーティングできますか?

Answer 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