Comments (2)
I can reproduce (scratched our heads with a colleague on the same issue). We used to save/restore automatically with a wrapper around the grid. Save works, but restore does not, for views that pass a columnVisibilityModel
as prop.
Here is a workaround until the issue is fixed: you can pass an initial state as a prop with the same object.
Basically something like this (from localStorage in my case):
const initialState = useMemo(() => {
const persistedState = localStorage.getItem(`grid-${persistenceID}`);
return {
pagination: { paginationModel: { page: 0, pageSize: 20 } },
pinnedColumns: {
left: [GRID_CHECKBOX_SELECTION_COL_DEF.field],
right: ["actions"],
},
...JSON.parse(persistedState ?? "{}"),
};
}, [persistenceID]);
from mui-x.
Seems like a valid bug.
from mui-x.
Related Issues (20)
- [pickers] Create RTL demo example HOT 2
- [data grid] Warn when `scrollToIndexes` has invalid arguments HOT 2
- [data grid] RenderHeader value is not being used in manage column component ? HOT 4
- [data grid] The cell selection color is not being applied HOT 2
- [data grid] Show/Hide All Columns, if all columns are hidden, unable to restore visibility. HOT 2
- [data grid] add "is not any of " in "singleSelect" type for filters HOT 1
- [Time Picker] button tomorrow HOT 2
- [charts] `categoryGapRatio` & `barGapRatio` is not a known property of `ChartXAxis` HOT 5
- [charts][docs] Need to document how to create a custom tooltip axisContent HOT 5
- [data grid] Change child table width on change of parent table HOT 3
- [data grid] tree collapses when controlled row selection is used HOT 4
- [data grid] DataGridPremium not working with actions column type HOT 3
- [data grid] Add more filter operators
- [LineChart] Latest version prints React warnings HOT 4
- [docs] LineChart stackblitz link creates a broken application HOT 1
- [charts] labels on YAxis have wrong position when direction is RTL on barchart and line chart HOT 4
- [charts] line chart tooltip hover issue HOT 4
- [tree view] Circular Structure in JSON HOT 3
- [data grid] `CssBaseline`, `Stack` and adding a Border to a DataGrid causes the DataGrid to Infinitely expand Vertically HOT 9
- [data grid] Checkbox selection with tree data HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from mui-x.