Grid Master-Detail: Header Template to Toggle all +/- expansion states

[felix.wagner]

We are using the Kendo Angular Grid Master-Detail View (https://www.telerik.com/kendo-angular-ui/components/grid/master-detail/detail-template/).

What we want to achieve is a toggle button in the header of the +/- expansion column, which toggles the expansion stage.

I did some research and found out that it's possible to toggle the expansion state programmatically, but no way to do this from the column header.

Is there a way to include a button in the expansion row header, am I missing something?

Thanks in advance!

[Yanmario]

Hi Felix,

Indeed there isn't a built-in(template) to modify the desired expand columns and header of the Master-Detail Grid. Alternatively, a button can be created to expand all Master-Detail Grid columns and then adjusted with custom CSS to fit in the empty space in the header, as demonstrated in the following demo:

https://stackblitz.com/edit/angular-bsfhvz-a7mt1z?file=app%2Fapp.component.ts

I would also encourage you to vote on the following thread in our feedback portal:

https://feedback.telerik.com/kendo-angular-ui/1434631-customize-hierarchy-cell-with-a-templateref

I hope this helps.

Regards,
Yanmario
Progress Telerik

[felix.wagner]

Hi Yanmario,

I've implemented your solution, for it works that way, nevertheless I'm looking forward to a build-in function and added my vote in the provided link.

Thanks again and have a nice day,

Felix