Unplanned
Last Updated: 10 Nov 2021 16:15 by ADMIN
Steve
Created on: 04 Nov 2021 03:55
Category: Grid
Type: Feature Request
0
Can the Grid Endless Scrolling data fetch be smoother?

When using the Grid Endless Scrolling, is there a way to prevent the existing records from momentarily disappearing as the spinner appears?

Using endless scrolling on a large grid (full screen), the users eye tracks down the list as the mousewheel is turned. At the moment the next page is fetched, the view of the data is disrupted as the spinner appears and the data disappears. This can be quite jarring to the senses when browsing for a specific record in the list.

On a small grid such as that on the example page (https://demos.telerik.com/kendo-ui/grid/endless-scrolling-remote) it isn't quite as jarring on the senses, but with a large grid with many columns and rows, it can be very off-putting.

Ideally, if the existing records can remain opaquely visible in the background under the spinner whilst the next page of data is being retrieved, it would produce a much cleaner user experience.

 
1 comment
ADMIN
Ivan Danchev
Posted on: 10 Nov 2021 16:15

Hello Steve,

Thank you for submitting this feature request.

Currently, there is no option to keep the existing records while a new batch of records is getting loaded. There is a way to replace the spinner with the Skeleton loader type, see this documentation section for more details: https://docs.telerik.com/aspnet-mvc/html-helpers/data-management/grid/binding/overview#loading-overlay-types

This Grid configuration is set as shown below.

In the MVC Grid:

.LoaderType(GridLoaderType.Skeleton)

In the Kendo UI for jQuery Grid:

loaderType:"skeleton",

Here's a demo where you can see it in action in a virtualized Grid: https://demos.telerik.com/aspnet-mvc/skeletoncontainer/grid-integration

 

Regards,
Ivan Danchev
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.