jQuery DataTables 分页大小

Posted 2023-03-10

【中文标题】jQuery DataTables 分页大小

【英文标题】：jQuery DataTables Pagination Size

【发布时间】：2011-12-24 11:27:28

【问题描述】：

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

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

但在 dataTable STARTUP 上，它不会将长度设置为 1、2、3，而是设置为默认的 '10'

我缺少哪个选项？ 提前致谢！

【参考方案1】：

清除您的 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,

【讨论】：

先谢谢了，今天只更改 aLengthMenu 没有任何效果（当时没有使用 bStateSave），所以我明天将尝试使用 iDisplayLength。我会让你知道然后投票/接受，谢谢你！

太好了，谢谢。 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。

【讨论】：

对于低于 1.10 的数据表，请查看未接受的答案这是最新版本，因此现在应该接受

【参考方案3】：

确保等待，直到你加载有角度的东西。

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