With AgGrid React, Is there a way to preserve column widths across React rerenders?

Question

I'm seeing unexpected column width changes when rerendering a React component that contains an AgGrid.

Repro:

1. Render an AgGrid with React
2. Drag a column to change its width
3. Rerender the AgGrid with new data

Expected:

• Column retains its width

Actual:

• Column snaps back to its original width.

Is there a way to get columns to retain their width, kind of like suppressScrollOnNewData, but for maintaining column width?

Answer 1

I was having a similar issue. The solution was to not use flex in any column definition. In my case I had flex: 1 in the defaultColDef.

Got it from this answer: https://stackoverflow.com/a/70654209