New to Kendo UI for jQuery?Download free 30-day trial
jQuery Grid Virtualization of Remote Data
- EXAMPLE
- VIEW SOURCE
- Change Theme
defaultSASSLESSDefault Theme
- Main
- Main Dark
- Nordic
- Ocean Blue
- Purple
- Turquoise
Bootstrap Theme- Main
- Main Dark
- Nordic
- Urban
- Vintage
Material Theme- Main
- Arctic
- Lime Dark
- Main Dark
- Nova
Classic Theme- Main
- Main Dark
- Opal
- Silver
Fluent Theme- Main
Also available for:
API REFERENCEDescription
There are cases when you may need to operate with large amount of data in the grid, and fetching and processing this data at once would impose a performance penalty due to limited browser resources.
Luckily, the Kendo UI grid has a solution called data virtualization that alleviates any slowdowns when operating with huge volumes of data. When enabled via thescrollable->virtualconfiguration option, it displays a vertical scrollbar for the grid content and renders only the number of items set via thepageSizeproperty of the grid data source. After you drag the scrollbar and the pageSize is exceeded, it makes automatic requests to retrieve and render the next set of grid rows.
Both local and remote data are supported with the grid virtualization feature, whereas in this demo the records are obtained from a remote endpoint.