Kendo Grid new row to be created at the bottom

[Hashem]

In JQuery, we have:

"editable": {
    "createAt": "bottom"
},

 

Do we have something similar in Angular?

[Dimiter Topalov]

Hi Hashem,

Adding a new row at a custom position different than on top is not supported, and thus the only relatively straightforward workaround I can suggest is to use a custom implementation, based on external form editing, as demonstrated in the following section of our documentation:

http://www.telerik.com/kendo-angular-ui/components/grid/editing/external-editing/

... and apply some custom logic when saving the data that will ensure it is placed in the desired spot in the returned collection the Grid is bound to, e.g.:

https://plnkr.co/edit/HFfnc1edgnTNufOYNUcu?p=preview

... or a similar approach but with inline editing:

http://plnkr.co/edit/jFAZDgBYCTGP56GMRGnV?p=preview

Please mind that the example is designed only to show a sample approach for adding the new item edit form at the bottom of the Grid, and is not fully functional as further considerations and the respective custom logic implementation should be added based on the desired behavior when the "Cancel" button is pressed or where the newly added item should appear in the Grid.

I hope this will help pointing you in the right direction, but if you have the time, please support the following feature request in our UserVoice portal to help us estimate the customer demand for such an enhancement and prioritize accordingly when updating our roadmap:

http://kendoui-feedback.telerik.com/forums/555517-kendo-ui-for-angular-feedback/suggestions/18644983-kendo-ui-grid-inline-insert-new-row-at-a-specifi

Thank you in advance.

Regards,
Dimiter Topalov
Progress Telerik