Kendo Grid Master Detail

[Vikas]

Hi,

Master Detail Grid with custom icon (expand and collapse) and align detail row columns with parent columns width in percentage. Like below image

 

 

[Tsvetelina]

Hi Vikas,

Thank you for the provided image.

I suggest checking out the following article which demonstrates how to change the built-in SVG Icons of our components:

https://www.telerik.com/kendo-angular-ui/components/icons/icon-settings/#toc-svg-icons

The following demo shows this approach for the Grid:

https://stackblitz.com/edit/angular-d1edwj-4bmmtw

Regarding the detail row width, I am not exactly sure what is meant by percentage. Generally, the content can be customized using the kendoGridDetailTemplate. To remove the padding around the detail row, please use the .k-detail-cell.k-table-td selector:

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

Let me know if you have any further questions.

Regards,
Tsvetelina
Progress Telerik