[data grid] Columns with initial flex width

[misantronic]

Related page

https://mui.com/x/react-data-grid/column-dimensions/

Kind of issue

Missing information

Issue description

When using fluid width on (almost) all columns by default (flex: 1), this leads to weird behaviours when resizing a column. the resized column will keep the new width, but all other columns will take the newly space and realign.

What I would like to see is that when I resize a column in a data-grid that the fluid-width columns just keep their initial width, so that the columns don‘t jump around. Is that possible using the current implementation?

Screen.Recording.2025-02-19.at.15.20.50.mov

Context

No response

Search keywords: data-grid fluid width

[michelengelen]

This is not really possible without some custom logic. This is also stated here: Fluid width

As an alternative to fluid columns did you consider autosizing? This can also be done on mount with the props autosizeOnMount.