Hello Infragistics Team,
I've noticed an issue with the "auto" width setting for igx-columns in the igx-grid. When using column grouping in the header, this setting can lead to misalignment problems between columns and headers as shown in the image below:
I used the Angular Grid Multi-column Headers Overview Example and only changed the width to auto for all columns
You can find my forked example here:
https://stackblitz.com/edit/fy6kkq-ma2lb6?file=src%2Fapp%2Fgrid%2Fmulti-column-headers%2Fmulti-column-headers.html
Please investigate and address this alignment issue, as it affects the user experience when working with grouped columns. Any immediate solutions or future plans to resolve this would be greatly appreciated.
Thank you for your attention to this matter.
Best regards,
Michael
Hi Michael,
Thank you for posting to Infragistics Community!
I have been looking into your question and I will ask you to please, provide additional information, such as the steps performed so that the behavior from the screenshot is exhibited.
I am asking this, as merely opening the demo on my side shows the grid rendered as expected:
The only current assumption I could make is related to an issue that has been recently reported and on which the team is currently working on. It is reproduced quite randomly by resizing the window. Consequently, I am wondering if you are observing errors in the console once the misalignment appears?
This will indicate whether it is a matter of the same issue, or it is a separate one, which will require further investigation on its own.
Best regards, Bozhidara Pachilova Associate Software Developer