滚动组件

Scroller 是 DataTables 的虚拟呈现插件，它允许在屏幕上非常快速地绘制大型数据集。虚拟呈现意味着仅绘制表格的可见部分（以及两侧的少许部分以使滚动平滑），而滚动容器则给人以视觉印象，即整个表格都是可见的。

这是通过利用 DataTables 的分页功能以及在 DataTables 添加到页面的滚动容器中移动表格来实现的。滚动容器被强制变为完全表格显示的高度，并使用额外元素。

下载

获取和使用 Scroller 的最简单方法是使用DataTables 下载构建器，您可以在其中选择要在页面上使用的软件，并为您创建一个托管的单个 Javascript 和 CSS 文件。

或者，可以将各个文件包含在您的页面上，下载发布包或在 GitHub 上克隆源代码控制存储库。

初始化

可以通过使用scroller选项在 DataTables 选项对象中初始化 Scroller，该选项对象只设置为布尔值true。也可以使用对象进行细粒度控制（请参阅参考文档以获取完整详细信息）。

还有许多其他属性将用于最大化 Scroller 提供的性能优势

• ajax 或 data - 表格的数据。请注意，由于所有元素已经存在于客户端，因此 DOM 源表格将不会看到 Scroller 的任何性能优势。
• deferRender - 仅在需要时创建元素
• scrollY - 在 DataTables 中启用垂直滚动。

使用 Scroller 的示例初始化可能如下所示的代码

$('#myTable').dataTable( {
    ajax:           '/api/data',
    scrollY:        200,
    deferRender:    true,
    scroller:       true
} );

功能

Scroller 的主要功能包括

• 速度！DataTables Scroller 的目的是快速呈现大型数据集
• 与 DataTables 的延迟呈现完全兼容，以达到最大的速度
• 在一个可滚动的表格中显示数百万行
• 与 DataTables 中的状态保存集成（保存滚动位置）
• 易于使用