Grid cells allignement

1 Answer 42 Views
Grid
Jaspreet
Top achievements
Rank 1
Iron
Veteran
Jaspreet asked on 19 May 2021, 05:44 AM

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

1 Answer, 1 is accepted

Sort by
0
Yanmario
Telerik team
answered on 21 May 2021, 03:09 PM

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

Тhe web is about to get a bit better! 

The Progress Hack-For-Good Challenge has started. Learn how to enter and make the web a worthier place: https://progress-worthyweb.devpost.com.

Tags
Grid
Asked by
Jaspreet
Top achievements
Rank 1
Iron
Veteran
Answers by
Yanmario
Telerik team
Share this question
or