jQuery DataTables分页大小

时间:2011-11-08 13:41:57

标签: jquery pagination datatables

我一直在使用jQuery DataTables插件(http://datatables.net)已经有一段时间了,通常我们使用默认大小并使用"bStateSave": true选项非常好。

但是现在我真的需要将分页的大小设置为[10,25,50,100]而不是我需要这个,比如说[1,2,3]。我通过设置选项aLengthMenu:[1,2,3]来设置菜单,如果我选择其中一个选项,它会设置正确的选择量。

但是在dataTable STARTUP上,它没有将长度设置为1,2,3而是设置为默认值“10”

我错过了哪个选项? 提前谢谢!

3 个答案:

答案 0 :(得分:63)

清除您的Cookie,使用bStateSave时保存的数据表,并且您有10,25,50,100

然后刷新它现在应该保存1或2或3

你是说

吗?
"aLengthMenu": [[5, 10, 15, 25, 50, 100 , -1], [5, 10, 15, 25, 50, 100, "All"]],
"iDisplayLength" : 10,

答案 1 :(得分:32)

  • DataTables 1.10 +

    使用lengthMenu定义可用页面长度列表,使用 pageLength设置初始页面长度。

    如果未指定pageLength,则会自动将其设置为lengthMenu指定的数组中给出的第一个值。

    var table = $('#example').DataTable({
       "lengthMenu": [ [2, 4, 8, -1], [2, 4, 8, "All"] ],
       "pageLength": 4
    });
    

    有关代码和演示,请参阅this jsFiddle

  • DataTables 1.9

    使用aLengthMenu定义可用页面长度列表,使用iDisplayLength设置初始页面长度。

    var table = $('#example').dataTable({
       "aLengthMenu": [ [2, 4, 8, -1], [2, 4, 8, "All"] ],
       "iDisplayLength": 4,        
    });
    

    有关代码和演示,请参阅this jsFiddle

答案 2 :(得分:1)

确保等待,直到你有意义的东西加载。

$timeout(function(){ // given timeout for wait load the page
   $('#dataTables-example').dataTable({
        "iDisplayLength": 10, 
   });
}, 100, false);