Master-Detail Grids Editable

[bhavin]

Hi, 

 Is there any example of Master-Detail Grids which would have the ability to add master and it's corresponding detail rows? 

Also, the data should be local not from a base_url.

(ref: https://www.telerik.com/kendo-angular-ui/components/grid/advanced-features/hierarchy/) 

Thanks!

[Dimiter Topalov]

Hello Bhavin,

There is no such example available, but the mechanics for both the master-detail and editing functionalities will be the same as in the documentation demos.

The Master Grid can be edited following any of the approaches, outlined in the respective documentation articles:

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

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

While the detail Grid should be defined in the detail row template:

https://www.telerik.com/kendo-angular-ui/components/grid/advanced-features/detail-template/

The data for the detail grid should come from a property of the master grid data item for the respective row that in turn holds an array of data for the detail grid.

Here is a simplified example that demonstrates this:

https://stackblitz.com/edit/angular-wkcaw3?file=app/app.component.ts

I hope this helps.

Regards,
Dimiter Topalov
Progress Telerik