Ag-Grid Angular row alignment issue

Question

When grouping rows, I have 3 levels of data and 2 grouping sets. As I expand the first level grouping the data aligns correctly under the appropriate column headers that it belongs to. However, when I expand the 2nd level grouping my 3rd level data aligns far left and not back under the relevant column headers. The data is misaligned after 2nd tier expansion. Is there a way I can adjust/correct the alignment to be back under the appropriate column header, exactly like the expansion after 1st tier grouping.

Tried parent/child tables and other custom adjustments Expecting the data to align properly under correct columns

example of ag-grid image

See How to Ask, and especially minimal reproducible example. The idea is you describe what you want to do, show what you tried, and tell us what results you get. Reproduce your issue on plunk or stackblitz so that others can help you easily. — Paritosh
– Paritosh, Commented Feb 5 at 13:59

Bhagya Krishna · Accepted Answer · 2025-03-01 18:21:33Z

0

Try hiding the column value in the detail cell if its header name matches the master table's grouped header name and ensure both the master and detail columns have the same width.

answered Mar 1 at 18:21

Bhagya Krishna

1111 silver badge5 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Cvetelina Raeva Mar 2 at 22:46

Genius! 🙌🏻 That’s why you’re the MVP

Collectives™ on Stack Overflow

Ag-Grid Angular row alignment issue

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related