Grid - Add new edit row at bottom

[Paul]

Is it possible to add the inline new record row at the bottom rather than the top. Is there a work around to force this behaviour?

 

Thanks.

[Martin]

Hi Paul,

Indeed this option is not supported out of the box. However it could be achieved by using custom implementation.

Basically, we need to add a new row at the bottom of the table and to edit it. For testing purposes I used the example from our documentation (Inline Editing on Row Click) and made some changes in the code (in app.component.ts and products.service.ts). I left some comments to indicate where the changes are:

https://stackblitz.com/edit/angular-gtyrvi

I hope this example helps. Let me know if I am missing something or any further assistance is required.

Regards,
Martin
Progress Telerik