更改显示的 jquery 数据表默认行数

Posted 2023-05-07

【中文标题】更改显示的 jquery 数据表默认行数

【英文标题】：Change jquery datatables default row count shown

【发布时间】：2012-03-05 23:48:47

【问题描述】：

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

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

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

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

【参考方案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 -- 将此参数设置为您的默认值

【讨论】：

当用户选择另一个长度时是否触发了任何事件？

以下是当前版本的数据表触发的事件：datatables.net/reference/event

【参考方案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。