Javascript 如何更改datatables中每页的结果值

Javascript 如何更改datatables中每页的结果值,javascript,datatable,Javascript,Datatable,Datatables有一个选项可以选择每页显示的记录数。默认值从10、25、50和100开始。如何将其从5改为10? 在我目前的设计中,10张唱片有点太多,占用了很多空间。 塔克斯 初始化DataTable对象时,需要使用iDisplayLength参数。以下是他们在文档中列出的示例: $(document).ready( function() { $('#example').dataTable( { "iDisplayLength": 50 } ); } )

Datatables有一个选项可以选择每页显示的记录数。默认值从10、25、50和100开始。如何将其从5改为10? 在我目前的设计中,10张唱片有点太多,占用了很多空间。 塔克斯


初始化DataTable对象时,需要使用iDisplayLength参数。以下是他们在文档中列出的示例:

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

更多信息可以在这里找到:

我知道这个问题很老了,但公认的答案并没有回答OP的问题


答案是在初始化数据表时覆盖aLengthMenu选项。请参见此处:

完全正确的答案是同时使用和显示长度为5:

$(document).ready( function(){
    $('#table').dataTable({
    "iDisplayLength": 5,
    "aLengthMenu": [[5, 10, 25, 50, -1], [5, 10, 25, 50, "All"]]
    });
});

如果您只使用iDisplayLength,那么下拉列表将不会在以后的选项中具有该长度,或者当页面加载时,您将看到第一个选项,默认情况下为10。如果您只使用aLengthMenu,那么您的结果将仍然默认为10,而不是第一个菜单选项。

答案解决了我需要以下场景的问题 $document.ready函数{ $'table'。数据表{ 阿伦格泰努:[[10,25,50,100],[10/页,25/页,50/页,100/页]] };
}; 对于数据表1.9,这几乎是不可能的 iDisplayLength:50

您只需添加:

$.extend(true, $.fn.dataTable.defaults, {
    "lengthMenu": [[5, 10, 15, 20, 25], [5, 10, 15, 20, 25]],
    "pageLength": 5

});
"lengthMenu": [ 
 [10, 25, 50, -1], 
 [10, 25, 50, "All"] 
] // remember to add  "," if you initialize more option manually
或者如果您只想添加此选项

$('#tablename').dataTable( {
  "lengthMenu": [ [10, 25, 50, -1], [10, 25, 50, "All"] ]
} );

这将为您提供一个下拉列表,以选择分页中每页的记录数。

I concur。这是一个更好的解决方案。自DataTables v1.10以来,您要查找的选项是pageLength和lengthMenu自DataTables v1.10以来,您要查找的选项是pageLength和lengthMenu