启用DataTables Scroller插件后，如何让pageLength设置生效？

要在启用Scroller 2.0.7插件时让DataTables 1.13.1的pageLength属性生效，需调整初始化配置，让分页与虚拟滚动功能共存，具体操作如下：

• 保持分页模式开启：确保配置中paging设为true（默认值为true，若之前被修改需手动指定）。
• 明确设置pageLength：指定每页显示的数据条数，比如pageLength: 25。
• 必须配置scrollY：Scroller插件依赖固定高度的滚动容器才能工作，需指定scrollY为具体像素值（如scrollY: 400），该高度决定当前页内可滚动的区域大小。

完整初始化代码示例：

$('#your-table-id').DataTable({
  pageLength: 25,
  paging: true,
  scrollY: 400,
  scroller: true,
  // 其他自定义配置（如columns、ajax等）
});

关键说明 #

这种配置下，DataTables会按照pageLength将数据划分为多个页面，Scroller插件仅负责当前页内的虚拟滚动（当当前页数据高度超过scrollY设定值时），而非强制所有数据显示在单页。同时需确保Scroller插件文件已正确加载，且依赖的核心库顺序无误。

内容的提问来源于stack exchange，提问作者Shin