Kendo UI Grid MVVM Local Data Virtual Scroll

2 posts, 0 answers
  1. Austin
    Austin avatar
    1 posts
    Member since:
    Jan 2017

    Posted 28 Aug 2017 Link to this post


    I have a Kendo UI Grid that loads 5000+ records.  The data is local data on the page, and the grid is handling it ok, but we'd like to improve performance.  I'd like to try loading the local data in batches of 100 as the user scrolls down the grid results.  I've seen the examples, but have not seen very many examples of MVVM implementations and the best way to approach our situation.  Could someone recommend the way to get virtual scrolling working with row batches?

    Thanks in advance!

  2. Stefan
    Stefan avatar
    3078 posts

    Posted 30 Aug 2017 Link to this post

    Hello Austin,

    The desired result can be achieved using the same approach as for the jQuery Grid, the difference is only coming from the used syntax and the used ViewModel.

    I made an example demonstrating this. In the DOM inspector can be observed how the rows are rendered in a batch of 100:

    I can also suggest checking all of the requirements and limitations of the virtual scrolling feature:

    I hope this is helpful.

    Progress Telerik
    Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Back to Top