隨捲動動態渲染資料表格列
使用虛擬捲動與無限捲動，讓可見內容能動態渲染，提升你在 JavaScript 應用程式中的資料表格效能。
在資料表格（data grid）中隨著捲動載入項目的能力，是一種會依照使用者的捲動位置，動態地渲染或擷取內容的技術。其目的在於提升效能，並在處理大型資料集時，進一步改善整體使用者體驗。這包含「虛擬捲動」（virtual scrolling）：資料表格只渲染目前在視窗（viewport）中可見的列，並在使用者捲動時重複使用相同的 DOM 元素；以及「無限捲動」（infinite scrolling，也稱「無盡捲動／endless scrolling」）：當捲動到目前顯示的資料集結尾時，會從遠端來源載入額外資料。透過在任一時間點盡量減少需要渲染或擷取的資料量，此做法可顯著降低初始載入時間、提升回應速度，並讓應用程式能有效率地擴充。
多個 JavaScript 資料表格元件都能讓你在使用者捲動時載入項目，包括：
- DevExtreme HTML5 JavaScript Data Grid（DevExpress 的 DevExtreme 一部分）同時支援虛擬捲動與無限捲動，以最佳化資料載入效能。
- KendoReact Data Grid（Telerik 的 KendoReact 一部分）提供可自訂的欄/列虛擬化（virtualization）與虛擬捲動，可在需要時動態請求資料。
- Sencha Ext JS Grid（Sencha Ext JS 的一部分）透過虛擬化系統實作無限捲動，可在不採用傳統分頁的情況下，依需載入資料。
- Syncfusion DataGrid for JavaScript（Syncfusion Essential Studio Enterprise 的一部分）同時支援虛擬化與無限捲動，讓資料表格的渲染更具回應性。
如需更深入了解功能與價格，請參閱我們的 JavaScript 資料表格元件比較。