使用DataTables的分页功能时,如何指定在单个“页面”上显示的行数?
答案 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});