AG-Grid Row Height Not Adjusting for Multi-line Text (Dynamic Server-side Data)

I’m using AG-Grid with server-side data in an Angular application. One of my columns contains multi-line text (e.g., addresses), but the row height doesn’t adjust dynamically, causing text overlap or shrinkage. Scrolling sometimes fixes it, but I need the rows to auto-adjust based on content.

Current Behavior:

• Rows with multi-line text overlap or shrink.
• Scrolling sometimes resolves the issue temporarily

Expected Behavior: Rows should dynamically adjust their height based on the content.

What I’ve Tried:

• Enabled wrapText and autoHeight for the column.
• Called resetRowHeights() after data rendering.

ag grid issue row adjustment issue

Continue reading...