Virtual scrolling is an alternative to paging and optimizes the Kendo UI Grid wrapper for Vue performance when it displays huge volumes of data.
To enable virtual scrolling in the native Vue Grid by Kendo UI, refer to the native Vue Grid by Kendo UI documentation.
To enable the virtualization, use the
scrollable->virtual configuration option. As a result, the grid displays a vertical scrollbar for its content and renders only the number of items which are set through the
pageSize property of its data source. When the user drags the scrollbar and exceeds the
pageSize, the Kendo UI Data Grid wrapper for Vue makes automatic requests to retrieve and render the next set of rows. The virtual scrolling of the Grid works with both local and remote data.
The following example demonstrates how to apply virtual scrolling with local data.
The following example demonstrates how to implement virtual scrolling with remote data.