How to retain the new row on top in grid

[JOHNY]

I am attempting to create a new, inline editable row on the first page of
our kendo grid. On sort and filter we would like the row to remain on the top
of the grid. It is currently getting shuffled into the table. The code which
created the new row is included below. Full cshtml attached.

 

 //add the new record row if we are on page 1
        dataSource.bind("requestEnd", function(e) {
           
            setTimeout(function() {
                var grid = $("#grid").data("kendoGrid");
                console.log("requestEnd - " + grid.dataSource.hasChanges());
                if (grid.dataSource.page() == 1) {
                   
                    //has an empty row already been added
                    if(grid.dataSource.hasChanges()) {
                   
                        grid.dataSource.cancelChanges();
                   
                    }
                   
                    newGuy = grid.dataSource.insert(0, { });
                    grid.editRow($("tr:nth(0)", grid.tbody));
                }
            });
        });

[Vladimir Iliev]

Hi Johny,

Basically current behavior is expected as the server sorting,filtering, grouping and paging are disabled.  In current scenario I would suggest to turn these options on - that way the newly created row will always visible on current page. 

Kind Regards,
Vladimir Iliev
Telerik

[JOHNY]

we turned on serverPaging and serverSorting but are still getting the same behavior.
BTW:  We are using the Kendo UI Q2 2013 version
Thanks

[Vladimir Iliev]

Hi Johny,

I tried to reproduce the problem locally but to no avail – everything is working as expected on our side. Could you please provide runable project where the issue is reproduced? This would help us pinpoint the exact reason for this behavior.

Kind Regards,
Vladimir Iliev
Telerik