【问题标题】:Change jquery datatables default row count shown更改显示的 jquery 数据表默认行数
【发布时间】:2012-03-05 23:48:47
【问题描述】:

默认情况下,数据表有 4 种大小的记录要显示:10,25,50,100。

A) 有没有办法改变这种情况?我尝试编辑 jquery 文件以将数组更改为 [30,60,90,120] 本身,这破坏了它。

B) 有没有办法在 jquery 构建它时将这个选择器的默认选择大小设置为 50(而不是 10)?

我在文档中找不到这些项目。

【问题讨论】:

    标签: jquery numbers datatables rows


    【解决方案1】:

    [更新因为这个答案似乎得到了一些意见]--

    更新答案:

    在以后的版本中(我相信是 1.10+),API 命名约定发生了变化,抛弃了匈牙利符号。我相信旧的约定是为了兼容性而使用别名的,但当前的约定是:

    lengthMenu
    pageLength
    

    因此,更新后的答案是:

    A) 这是lengthMenu 参数:https://datatables.net/reference/option/lengthMenu

    例如,这是我的一套:

    "lengthMenu": [[10, 25, 50, 100, 200, -1], [10, 25, 50, 100, 200, "All"]],
    

    B) pageLength https://datatables.net/reference/option/pageLength -- 可选择将其设置为您的默认值。

    "pageLength" : 25,
    

    原答案

    A) 这是aLengthMenu 参数:http://datatables.net/ref#aLengthMenu

    例如,这是我的一套:

    "aLengthMenu": [[10, 25, 50, 100, 200, -1], [10, 25, 50, 100, 200, "All"]],
    

    B) iDisplayLength -- 将此参数设置为您的默认值

    【讨论】:

    【解决方案2】:
    • 数据表 1.10+

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

      如果没有指定pageLength,它将自动设置为lengthMenu指定的数组中给定的第一个值。

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

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


    • 数据表 1.9

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

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

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

    【讨论】:

      【解决方案3】:

      数据表版本:1.9.4 对我有用的是:- 首先,我搜索了大部分放在 js 文件夹中的 Jquery.dataTables 文件。然后我搜索“aLengthMenu”:[10、25、50、100],并根据我的要求进行更改,即“aLengthMenu”:[50、75、100、125]。此后,我搜索“iDisplayLength”,无论其值显示为 10(4 到 5 个位置),我将其更改为 50 并保存。我的索引页面上的下拉菜单开始将行选项显示为 50,75,100,125,而不是 10,25,50,100,默认选项选择为 50。

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 2010-11-27
        • 2012-08-31
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2021-10-02
        • 2013-11-26
        • 1970-01-01
        相关资源
        最近更新 更多