web-dev-qa-db-ja.com

jQuery DataTablesページ区切りサイズ

私はかなり長い間jQuery DataTablesプラグイン（ http://datatables.net ）を使用してきましたが、通常、デフォルトのサイズを使用して"bStateSave": trueオプションを使用すると非常にうまくいきます。

しかし、今では、ページネーションのサイズを[10,25,50,100]ではなく、[1、2、3]のように設定する必要があります。オプションaLengthMenu:[1,2,3]を設定してこのように設定するメニューが表示され、オプションの1つを選択すると、正しい選択量が設定されます。

ただし、dataTable STARTUPでは、長さを1、2、3に設定するのではなく、デフォルトの「10」に設定します

どのオプションが欠けていますか？前もって感謝します！

jquerypaginationdatatables
38
Sam

  • DataTables 1.10 +

    lengthMenu を使用して利用可能なページ長のリストを定義し、オプションでpageLength に初期ページ長を設定します。

    pageLength が指定されていない場合、 lengthMenu で指定された配列で指定された最初の値に自動的に設定されます。

    var table = $('#example').DataTable({
   "lengthMenu": [ [2, 4, 8, -1], [2, 4, 8, "All"] ],
   "pageLength": 4
});

    コードとデモについては、 this jsFiddle をご覧ください。

  • DataTables 1.9

    aLengthMenu を使用して使用可能なページ長のリストを定義し、 iDisplayLength を使用して初期ページ長を設定します。

    var table = $('#example').dataTable({
   "aLengthMenu": [ [2, 4, 8, -1], [2, 4, 8, "All"] ],
   "iDisplayLength": 4,        
});

    コードとデモについては、 this jsFiddle をご覧ください。

33
Gyrocode.com

cookieをクリアします。bStateSaveを使用していて10,25,50,100だったときに保存されたデータテーブル

更新すると、1または2または3が保存されます。

という意味ですか

"aLengthMenu": [[5, 10, 15, 25, 50, 100 , -1], [5, 10, 15, 25, 50, 100, "All"]],
"iDisplayLength" : 10,
63
max4ever

angularがロードされるまで待つようにしてください。

$timeout(function(){ // given timeout for wait load the page
   $('#dataTables-example').dataTable({
        "iDisplayLength": 10, 
   });
}, 100, false);
1
user3444748