scroller

≡ 显示网站导航
针对 DataTables 启用和配置 Scroller 扩展。

请注意 - 此属性需要 Scroller 扩展用于 DataTables。

说明

Scroller 是适用于 DataTables 的扩展，提供虚拟渲染支持 - 即只绘制表格中可见的小节（外加一个用于平滑滚动的少量重叠），即便在滚动视口中对于最终用户而言，整个表格看起来是可用的。对于不希望展示分页控件的大型数据集，这可以显著提升性能。

• 使用 Scroller 时有两点重要要求需要考虑
• 必须在 DataTables 中启用分页 (paging - 默认情况下是启用的）

所有行必须等高。这是为了允许针对尚未渲染的行计算行高。

此选项提供启用和配置 DataTables 的 Scroller 的能力。以布尔值 true 作为其最简单形式，它将启用 Scroller 和默认配置选项（由 $.fn.dataTable.Scroller.defaults 定义）。它也可以用作一个对象，提供下面描述的自定义配置选项。

按钮

如果作为对象给出，将在目标 DataTable 上启用 Scroller，使用默认值 ($.fn.dataTable.Scroller.defaults)，并可能被此对象提供的选项扩展并改写。这是基于单个表格或通过默认值配置 Scroller 的方式。

• 默认

值：undefined

{hero}

new DataTable('#myTable', {
	ajax: '/api/data',
	scrollY: 300,
	scroller: true
});

new DataTable('#myTable', {
	ajax: '/api/data',
	scrollY: 300,
	scroller: {
		loadingIndicator: true
	}
});