datatables - 更改默认行数以显示在一个“页面”上

Question

使用 DataTables 的分页功能时，如何指定在单个“页面”上显示的行数？

Answer 1

对于 DataTables 版本 1.10.5 和更新版本，如宣布集成 HTML5 data-* 属性的博客文章中所述data-page-length，可以通过源 (HTML) 表通过属性指定每页显示的行数：

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

对于 DataTables 版本 1.10 和更新版本，如Reference > Options > pageLengthpageLength中所述，可以通过属性指定每页显示的行数：

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

对于早于 1.10 版本的 DataTables，如DataTables > Usage > Options > iDisplayLengthiDisplayLength中所述，可以通过属性指定每页显示的行数：

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

---

我的两分钱：使用data-*方法。它允许您构建一个 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>

Answer 2

使用 lengthMenu 也可能有帮助：

$(document).ready(function() {
$('#example').DataTable( {
    "lengthMenu": [[10, 25, 50, -1], [10, 25, 50, "All"]]
} );

});

https://datatables.net/examples/advanced_init/length_menu.html

Answer 3

10 条记录

$('#datatable').DataTable({"pageLength": 10});

50 条记录

$('#datatable').DataTable({"pageLength": 50});

所有记录

$('#datatable').DataTable({"pageLength": -1});

Answer 4

使用 1.11 版 - 使用属性“数据显示”。

Answer 5

我们可以使用 jquery 设置属性并添加到一个公共文件中。

$('.dataTablegrid').attr('data-page-length',50);

这将适用于整个项目的所有数据表