Grid with thousand rows and Add new rows

2 posts, 0 answers
  1. Christian
    Christian avatar
    14 posts
    Member since:
    Nov 2015

    Posted 04 Nov 2016 Link to this post



    I have a need from my users. They want to show thousands of data loaded when choose a category in a list box and browse row by scrolling. 

    I can do that by create a grid with a client side paged data source and a scrollable virtual grid. 

    But now, my user want to load an other catgery and concat the new rows to existing rows and keep scrolling position. 


    How can I do that ? I tried to add data in datasource, but scroll don't work any more (ranges are in invalid state). What is the best solution for do that ?

    There is my actual code:

    var grid = $("#gridPiecesLettrees").data("kendoGrid");
    var ds = grid.dataSource;
    ko.utils.arrayForEach(propositions, function (proposition) {
        var rowProp = flatDetailLettrage(proposition);
        var model =;

  2. Boyan Dimitrov
    Boyan Dimitrov avatar
    2031 posts

    Posted 08 Nov 2016 Link to this post

    Hello Christian,

    The virtual scrolling of the Kendo UI Grid have some limitations. One of them is that editing is not supported together with virtual scrolling. The default editing of Kendo UI Grid is handled internally by the Kendo UI DataSource.  

    Boyan Dimitrov
    Telerik by Progress
    Build rich, delightful, *native* Angular 2 apps with Kendo UI for Angular 2. Try it out today! Kendo UI for Angular 2 (currently in beta) is a jQuery-free toolset, written in TypeScript, designed from the ground up to offer true, native Angular 2 components.
Back to Top