Virtual Scrolling don't move smoothly

3 posts, 0 answers
  1. Shinji
    Shinji avatar
    3 posts
    Member since:
    Jun 2016

    Posted 14 Aug Link to this post

    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

  2. Shinji
    Shinji avatar
    3 posts
    Member since:
    Jun 2016

    Posted 14 Aug in reply to Shinji Link to this post

    sample code is here

  3. Dimo
    Dimo avatar
    8318 posts

    Posted 17 Aug Link to this post

    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).

    Telerik by Progress
    Get started with Kendo UI in days. Online training courses help you quickly implement components into your apps.
Back to Top