Header and Field don't fit on grouped rows

[JoseAn Fed]

Hi, I am facing some kind of issue on regarding columns widths on a grid that combines grouping, freeze columns and a column chooser component, maybe you can help me, I would appreciate so much :).

It is an angular v.17 app. Initially the grid is loaded fine, but if a column is resized to make it grow and then it is hidden on the column chooser component, then the grid's headers become not aligned with the rows fields, as it is shown on the attached screenshot: columnsNotAligned_percentages.png. (In this scenario, the column 'year' has been resized up, and after that, hidden).

Attached a sample for reproducing the issue. In the sample the widths of the fields are defined with percentages. If widths are defined using totals, then the issue also happens on the initial loading of the page (see attached screenshot: columnsNotAligned_withTotals.png). Attached also the html source for new this scenario, including columns widths defined by numbers, on a separated file: app.component_withTotals.html

Thanks so much for your help.

Best regards!

Attachment: GridAngular17_ColumnsWidth_8f8d4f4d.zip

[Santhosh Iruthayaraj]

Hi JoseAn Fed,

Greetings from Syncfusion Support.

We understand that you are experiencing a misalignment between the header and content rows when using grouping and frozen columns. This issue has been resolved in the latest Grid version, 28.2.4. Please find the release notes for your reference below:

Release notes: Essential Studio for Angular Weekly Release Notes (v28.2.4)

To demonstrate this, we have prepared a working sample using the latest version of the Grid based on the shared code details, which you can refer to below:

Sample: https://stackblitz.com/edit/angular-grid-u7mdtf-nqrvhbxf

Therefore, we recommend updating the Grid package in your application to the latest version to resolve the current scenario you are facing.

Please let us know if you need any further assistance.

Regards,

Santhosh I