Kendo UI Grid Virtual Scrolling with Server-Side Paged Data

2 posts, 0 answers
  1. Alex Tushinsky
    Alex Tushinsky avatar
    53 posts
    Member since:
    Feb 2006

    Posted 24 Mar Link to this post

    I have a ASP.NET WebAPI service that returns a list of resources 50 at a time.  I have over a million records and cannot return all rows at once.  I would like to use the Kendo UI Grid (latest jQuery version) with virtual scrolling enabled.  I do not want people to have to hit next, next, next in order to see more data. 

    I am stuck at how to implement this.  Is there an example of virtual scrolling with a server-paged datasource?  I believe I need a custom transport method and could really use an example to get me started.

    Thank you,
    Alex

  2. Stefan
    Admin
    Stefan avatar
    1842 posts

    Posted 27 Mar Link to this post

    Hello, Alex,

    Thank you for the details.

    I can suggest the following article demonstrating how the server paging can be achieved with WebApi and also the Grid configuration:

    https://docs.telerik.com/kendo-ui/controls/data-management/grid/how-to/binding/web-api-server-operations

    The example is not with virtual scrolling, but the server side implementation of the paging is the same regardless of the virtual scrolling.

    I hope this is helpful.

    Regards,
    Stefan
    Progress Telerik
    Try our brand new, jQuery-free Angular 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