滾動器 (Scroller)

Scroller 是 DataTables 的虛擬渲染外掛程式，可讓大型資料集在螢幕上快速繪製。虛擬渲染的意義在於，只會繪製表格的可見部分（以及兩側的一小部分，以使滾動平滑），而滾動容器則在視覺上產生整個表格都可見的印象。

這是透過利用 DataTables 的分頁功能，並在 DataTables 添加到頁面的滾動容器中移動表格來完成的。滾動容器會使用額外的元素強制設定為完整表格顯示的高度。

下載

取得和使用 Scroller 最簡單的方法是使用DataTables 下載建構器，您可以在其中選擇您希望在頁面上使用的軟體，並為您建立並託管單個 Javascript 和 CSS 檔案。

或者，可以將個別檔案包含在您的頁面上、下載發行包或在 GitHub 上複製原始碼控制儲存庫。

初始化

可以使用 DataTables 選項物件中的scroller選項在 DataTable 上初始化 Scroller，該選項只需設定為布林值 true。也可以使用物件進行精細控制（請參閱參考文件以了解完整詳細資訊）。

還有許多其他屬性也將用於最大化 Scroller 提供的效能優勢。

• ajax 或 data - 表格的資料。請注意，從 DOM 來源的表格在使用 Scroller 時不會看到效能優勢，因為所有元素都已經存在於用戶端。
• deferRender - 僅在需要時才會建立元素。
• scrollY - 在 DataTables 中啟用垂直滾動。

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

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

功能

Scroller 的主要功能包括

• 速度！Scroller for DataTables 的目標是使大型資料集的渲染速度更快
• 與 DataTables 的延遲渲染完全相容，以實現最大速度
• 在可滾動表格中顯示數百萬行
• 與 DataTables 中的狀態儲存整合（滾動位置已儲存）
• 易於使用