Grid cells allignement

[Jaspreet]

Hi,

We are using angular grid. Quite often the alignment of cells in grid gets distorted. We tried in a sample https://angular-jwnnwp.stackblitz.io/. It is reproducible here as well. PFA the screenshot.

Please suggest if this can be handled.

Regards,

Jaspreet

[Yanmario]

Hi Jaspreet,

Thank you for the provided screenshot.

The Master-Detail Grid visualizes the relations between its parent and child records by displaying the table data in a hierarchical order. In general, the child Grid is a separate Grid that has its own headers, and it is not aligned to the parent headers by default:

https://www.telerik.com/kendo-angular-ui/components/grid/master-detail/#toc-master-detail-grids

I am afraid that the only option to align the parent and child grid columns is to adjust the Grid and detail Grid's column widths so that they match. Here is a sample implementation:

https://stackblitz.com/edit/grid-master-detail-align-parent-child-columns?file=app/app.component.ts

I hope this helps.

Regards,
Yanmario Menev
Progress Telerik