[data grid] Custom columns config are deleted when data are updated about mui-x HOT 4 CLOSED

Hey @Chris-FSE you can save and restore the DataGrid state with the apiRef. There is a section about this in the docs.

The rows update re-rendering the grid and therefore resetting the column state is due to a misused column prop. These are constants and should be handled like that. You can either memoize the column definitions inside the component or just define them outside of the component.

I have updated the demo from the docs about the row updates to showcase that: demo.

from mui-x.

Hey @michelengelen thank you for your help.
Indeed, in the meantime I had found for my part by coming across examples of the use of states that the definitions of the columns must be outside the body of the component.
I think it would be interesting to notify this in the documentation.
Is this a library bug? Because even if the columns are defined in the component, the state management should work, right?
In my case I have very specific column renderings which depend on declared variables and managed only in the component body. So I will to memoized and see if it's work then, because it's not obvious...

from mui-x.

The memoize option also works like exporting the column definition out of the component.
Thanks again for the information.
This is better for me because the column definitions depend on component variables.
I'm just curious to know if it's a bug from the lib or not.
And I think that you can close the issue now.

from mui-x.

Right ... memoization is a different possibility.
I will close this now as the opening question seems resolved.
Feel free to reopen if you have follow up questions. 🙇🏼

from mui-x.