如何更改数据表中的每页结果值

时间:2010-05-20 07:18:45

标签: javascript datatable

数据表可以选择每页显示的记录数。默认值从10,25,50和100开始。如何将其更改为从5而不是10开始? 10条记录有点过多,在我目前的设计中占用了大量空间。 感谢名单!

http://datatables.net/

7 个答案:

答案 0 :(得分:85)

完全正确的答案是使用两者并将长度显示为5:

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

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

答案 1 :(得分:67)

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

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

可在此处找到更多信息:http://www.datatables.net/usage/options

答案 2 :(得分:7)

xreplace

答案 3 :(得分:3)

答案解决了我需要以下情况的问题

$(document).ready( function(){
    $('#table').dataTable({
  "aLengthMenu": [[10, 25, 50, 100], ["10 Per Page", "25 Per Page", "50 Per Page", "100 Per Page"]]
    });
});

答案 4 :(得分:2)

我意识到这个问题已经过时了,但接受的答案并没有回答OP的问题。

答案是在初始化dataTable时覆盖aLengthMenu选项。见这里:http://datatables.net/examples/advanced_init/length_menu.html

答案 5 :(得分:0)

几乎没有数据表1.9
“iDisplayLength”:50

答案 6 :(得分:0)

您只需添加:

"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"] ]
} );

这将为您提供一个下拉菜单,用于选择分页中每页的记录数。