Scrolling Basics

The available scrolling modes of the Kendo UI Grid wrapper for Vue allow you to optimize its performance.

To configure the scrolling functionality of the native Vue Grid by Kendo UI, refer to the native Vue Grid by Kendo UI documentation.

Endless Scrolling

The endless scrolling functionality enables the Kendo UI Data Grid wrapper for Vue to display large amounts of data by appending additional pages of data on demand. The loading of new items happens when the scrollbar of the Grid reaches its end. When the data is returned, only the new items are rendered and appended to the old ones. The endless scrolling of the Grid works with both local and remote data. When you use endless scrolling with local data, all the data is serialized on the client and when the user scrolls to the end, the Grid displays the new items.

The endless scrolling is compatible with the grouping, hierarchy, and editing features of the Grid.

The following example demonstrates how to implement endless scrolling of local data.

Example
View Source
Edit In Stackblitz  
Change Theme:

The following example demonstrates how to integrate endless scrolling with remote data.

In this article

Not finding the help you need?