Add a row in a a group in grid

[Blavier]

hi i m a new user of kendo, and  i would know if it s possible to add a row inside a grouped grid?i want the row visible in edition inside the group.

[Martin]

Hello Blavier,

The developer can apply grouping to any of our available examples of editable Grid, listed on this page:

https://www.telerik.com/kendo-angular-ui-develop/components/grid/editing/

For example here is a groupable Grid that uses inline editing on row click:

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

When a new record is added, while the Grid is grouped, an edit row appears at the top and this is by default. When saving the new row, the developer needs to process the Grid data in order to show the newly added row in its respective group.

In the above example, this is done by calling loadProducts function in saveCurrent() handler. The loadProducts uses process method to apply the new state and rebinding the Grid with the updated collection:

loadProducts() {
    this.view = process(this.service.products(), this.state).data;
  }

I hope the provided information helps. Let me know if there is anything else I can help with.

Regards,
Martin
Progress Telerik