datatables - 1 つの「ページ」に表示するデフォルトの行数を変更する

Question

DataTables のページネーション機能を使用するときに、1 つの「ページ」に表示する行数を指定するにはどうすればよいですか?

Answer 1

DataTables バージョン 1.10.5 以降の場合、 HTML5 data-* attributes の統合を発表したブログ投稿に記載されているように、ページごとに表示する行数は、属性を介してソース (HTML) テーブルを介して指定できdata-page-lengthます。

<table data-page-length='25'>
     ...
</table>

DataTables バージョン 1.10 以降では、[リファレンス] > [オプション] > [pageLength]pageLengthに記載されているように、ページごとに表示する行数を属性で指定できます。

$('#example').dataTable( {
    "pageLength": 50
});

バージョン 1.10 よりも古い DataTables の場合、DataTables > Usage > Options > iDisplayLengthiDisplayLengthに記載されているように、ページごとに表示する行数を属性で指定できます。

$('#example').dataTable( {
    "iDisplayLength": 50
});

---

私の 2 セント:data-*アプローチを使用します。個々のテーブルの動作を構成するオプションを提供しながら、1 つの dataTable 呼び出し (アプリ全体で使用できる) を作成できます。

<!-- table with embedded custom configurations -->
<table class="apply_dataTable" data-page-length='25'>
     ...
</table>

<!-- table with different embedded custom configurations -->
<table class="apply_dataTable" data-page-length='50' data-order='[[2, "desc"]]'>
     ...
</table>

<!-- one JavaScript call enhances both tables above -->
<script>
    $('table.apply_dataTable').dataTable(); //one invocation of datatables treats each table they way it wants to be
</script>