Virtual Scrolling don't move smoothly

[Shinji]

I use Kendo UI Grid configured the scrollable->virtual option.

But, the virtual scrolling don't move smoothly when the pageSize is 400.

If the pageSize is 20, the virtual scrolling moves smoothly.

What relates to the pageSize? (my PC's spec?)

I want to configure the pageSize by large number if possible.

 

Also, the below warning in my browser console displayed when I scrolled.

Does this warning relate to the above problem?

Handling of 'mousewheel' input event was delayed for 239 ms due to main thread being busy. Consider marking event handler as 'passive' to make the page more responive

[Shinji]

sample code is here

http://dojo.telerik.com/eDinu

[Dimo]

Hello Shinji,

Virtual Grid scrolling is similar to paging in terms that it only renders a portion on the total item count. When the Grid is scrolled, it renders the items, which belong to the reached "page". The rate and rendering performance of this process depend on the following:

- page size
- Grid height
- scrolling speed
- total number of items

In the provided test page, the page size and the total number of items are large, while the Grid height is relatively small for such a page size and total item count. As a result, the Grid table is re-rendered rather frequently during fast scrolling, which leads to the observed lack of smoothness.

Please consider reducing the page size and possibly, increasing the Grid height (but not beyond the screen height).

Regards,
Dimo
Telerik by Progress