Virtualization

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.

Example
View Source
Edit In Stackblitz  
Change Theme:

The following example demonstrates how to implement virtual scrolling with remote data.

Example
View Source
Edit In Stackblitz  
Change Theme:

In this article

Not finding the help you need?