New to Kendo UI for Vue? Start a free 30-day trial

Scrolling

By default, the scrolling functionality of the Kendo UI ListView is disabled.

To control scrolling in the ListView, use the scrollable property. If set to true and if the content of the ListView exceeds the its height, the wrapper will display a scrollbar.

The ListView provides the endless scrolling functionality and is able to display large amounts of data by appending additional pages of data on demand. The loading of the new items happens when the scrollbar of the ListView 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 ListView 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 of the scrollbar, the ListView displays the new items.

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

Example
View Source
Change Theme:

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

Example
View Source
Change Theme:

In this article

Not finding the help you need?