首页 文章

jQuery DataTables分页大小

提问于
浏览
36

我一直在使用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
    • 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 .

  • 28

    清除你的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,
    
  • 63

    一定要等待,直到你有角度的东西加载 .

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

相关问题