Kendo UI Grid - Position of new row

[Christopher]

Hi,

Is there a way to ensure that new rows always get added to the same position in the grid (either the top or bottom)?

At the moment, we are finding that if the grid has not been sorted a new row is always added to the top. But once the grid has been sorted, the new row seems to be added to a random position

Thanks

Chris

[Alexander Valchev]

Hi Christopher,

Could you please specify what do you mean by "at a random position"? When the grid is sorted, new records should be inserted at a position determined by the sort criteria. The behaviour can be observed in this Fiddle:

• http://jsfiddle.net/valchev/3c4MT/4/ 

Kind regards,
Alexander Valchev
the Telerik team

[Christopher]

Thanks for your reply

The fiddle is a little different to our setup. We don't have a popup on editing and we have alot more rows/columns

When the grid isn't sorted the new row is always added to the top. We would like this to also be the case when the grid is sorted

So the newly added rows aren't sorted, and sit at the top until the user explicitly sorts again. Is there a way to configure the grid to work this way?

Thanks

[Iliana Dyankova]

Hello Christopher,

I am afraid what you are trying to achieve is not supported on a client side. In order to get it working you need to enable server operations and implement server logic. 
 
Kind regards,
Iliana Nikolova
the Telerik team

[Volodymyr]

I'm not sure will it help you or not but anyway...

I have a situation when I need some records to be always at the bottom not relative to the grid sorting (summary records).
So I have added the next code into the grid dataBound event.

// Move special summary row into the bottom

var rows = [];

var parent = $("table.k-focusable tbody");

$(grid.dataSource.view()).each(function (i, val) {

    var alwaysBottom = val.get("AlwaysBottom");

    if (alwaysBottom) {

        rows.push(i);

    }

});

 

$.each(rows, function (i, val) {

    $(parent.children()[val]).appendTo(parent);

});

I'm going through the dataSource collection, find records with AlwaysBottom flag (in your case them could be new records) and then just move them into the bottom of the grid (in your case could be to the top).

I hope this idea will help you.

Vova

PS. It is javascript! You can do almost everything here :)