更改要在一个“页面”上显示的默认行数

时间:2013-11-13 22:38:45

标签: datatables

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

4 个答案:

答案 0 :(得分:59)

对于DataTables版本1.10.5及更新版本,如blog post announcing the integration of HTML5 data-* attributes所述,每页显示的行数可通过源(HTML)表通过{指定{1}}属性:

data-page-length

对于DataTables版本1.10及更新版,如Reference > Options > pageLength所述,可以通过<table data-page-length='25'> ... </table> 属性指定每页显示的行数:

pageLength

对于早于1.10版的DataTable ,如DataTables > Usage > Options > iDisplayLength所述,可以通过$('#example').dataTable( { "pageLength": 50 }); 属性指定每页显示的行数:

iDisplayLength

我的两分钱:使用$('#example').dataTable( { "iDisplayLength": 50 }); 方法。它允许您构建一个dataTable调用(可以在整个应用程序中使用),同时提供配置每个表的行为方式的选项:

data-*

答案 1 :(得分:13)

使用lengthMenu也可能有所帮助:

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

});

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

答案 2 :(得分:0)

使用版本1.11 - 使用属性&#39; data-show&#39;。

答案 3 :(得分:0)

10条记录

var binary = [] ;
function decimalToBinary(Num) {
    // do some logic push the output in binary
return binary; 
}

function second(argument){
 //Here you can access the binary
}

获得50条记录

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

对于所有记录

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