@mui/x-data-grid-generator
Advanced tools
Changelog
8.0.0-alpha.5
Dec 19, 2024
We'd like to offer a big thanks to the 9 contributors who made this release possible. Here are some highlights ✨:
Special thanks go out to the community contributors who have helped make this release possible: @good-jinu, @k-rajat19. Following are all team members who have contributed to this release: @alexfauquette, @cherniavskii, @flaviendelangle, @KenanYusuf, @LukasTy, @MBilalShafi, @romgrk.
<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->Passing additional props (like data-*
, aria-*
) directly on the Data Grid component is no longer supported. To pass the props, use slotProps
.
.root
element, use slotProps.root
..main
element (the one with role="grid"
), use slotProps.main
.detailPanelExpandedRowIds
and onDetailPanelExpandedRowIdsChange
props use a Set
instead of an array:
-detailPanelExpandedRowIds?: GridRowId[];
+detailPanelExpandedRowIds?: Set<GridRowId>;
-onDetailPanelExpandedRowIdsChange?: (ids: GridRowId[], details: GridCallbackDetails) => void;
+onDetailPanelExpandedRowIdsChange?: (ids: Set<GridRowId>, details: GridCallbackDetails) => void;
apiRef.current.getExpandedDetailPanels
and apiRef.current.setExpandedDetailPanels
methods receive and return a Set
instead of an array.
gridDetailPanelExpandedRowIdsSelector
returns a Set
instead of an array.
gridDetailPanelExpandedRowsHeightCacheSelector
was removed.
Changelog
8.0.0-alpha.4
Dec 13, 2024
We'd like to offer a big thanks to the 11 contributors who made this release possible. Here are some highlights ✨:
Special thanks go out to the community contributors who have helped make this release possible: @k-rajat19, @nusr, @rares985, @zivl. Following are all team members who have contributed to this release: @alexfauquette, @arminmeh, @flaviendelangle, @JCQuintas, @KenanYusuf, @LukasTy, @MBilalShafi.
<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->The selectors signature has been updated due to the support of arguments in the selectors. Pass undefined
as arguments
if the selector doesn't use any arguments.
-mySelector(state, instanceId)
+mySelector(state, arguments, instanceId)
The useGridSelector
signature has been updated due to the introduction of arguments parameter in the selectors. Pass undefined
as arguments
if the selector doesn't use any arguments.
-const output = useGridSelector(apiRef, selector, equals)
+const output = useGridSelector(apiRef, selector, arguments, equals)
The default variant for text fields and selects in the filter panel has been changed to outlined
.
The "row spanning" feature is now stable.
<DataGrid
- unstable_rowSpanning
+ rowSpanning
/>
Selected row is now deselected when clicked again.
Changelog
7.23.2
Dec 12, 2024
We'd like to offer a big thanks to the 11 contributors who made this release possible. Here are some highlights ✨:
Special thanks go out to the community contributors who have helped make this release possible: @ihsanberkozcan, @k-rajat19, @lhilgert9, @nusr, @rares985.
Following are all team members who have contributed to this release: @alexfauquette, @arminmeh, @flaviendelangle, @JCQuintas, @KenanYusuf, @LukasTy.
<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->Changelog
8.0.0-alpha.3
Dec 5, 2024
We'd like to offer a big thanks to the 9 contributors who made this release possible. Here are some highlights ✨:
Special thanks go out to the community contributors who have helped make this release possible: @ihsanberkozcan, @k-rajat19, @perezShaked. Following are all team members who have contributed to this release: @arminmeh, @cherniavskii, @flaviendelangle, @JCQuintas, @MBilalShafi, @noraleonte.
<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->isRowSelectable
prop.rowPositionsDebounceMs
prop was removed.gridRowsDataRowIdToIdLookupSelector
selector was removed. Use the gridRowsLookupSelector
selector in combination with the getRowId()
API method instead.
-const idToIdLookup = gridRowsDataRowIdToIdLookupSelector(apiRef);
-const rowId = idToIdLookup[id]
+const rowsLookup = gridRowsLookupSelector(apiRef);
+const rowId = apiRef.current.getRowId(rowsLookup[id])
role
attribute to treegrid
if the Data Grid is used with row grouping feature.Changelog
7.23.1
Dec 5, 2024
We'd like to offer a big thanks to the 7 contributors who made this release possible. Here are some highlights ✨:
Special thanks go out to the community contributors who have helped make this release possible: @lhilgert9.
Following are all team members who have contributed to this release: @arthurbalduini, @cherniavskii, @flaviendelangle, @JCQuintas, @LukasTy and @MBilalShafi.
<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->Changelog
v8.0.0-alpha.2
Nov 29, 2024
We'd like to offer a big thanks to the 17 contributors who made this release possible. Here are some highlights ✨:
<ChartDataProvider />
and <ChartsSurface />
components are now fully divided — Learn more.Special thanks go out to the community contributors who have helped make this release possible: @dloeda, @headironc, @jedesroches, @k-rajat19, @lauri865, @mathzdev, @nphmuller, @zinoroman. Following are all team members who have contributed to this release: @arminmeh, @alexfauquette, @cherniavskii, @flaviendelangle, @JCQuintas, @KenanYusuf, @LukasTy, @MBilalShafi, @oliviertassinari.
<!--/ HIGHLIGHT_ABOVE_SEPARATOR /--><GridOverlays />
component is not exported anymore.indeterminateCheckboxAction
prop has been removed. Clicking on an indeterminate checkbox "selects" the unselected descendants.apiRef.current.resize()
method was removed.rowSelectionPropagation
prop has been changed to { parents: true, descendants: true }
which means that the selection will be propagated to the parents and descendants by default.
To revert to the previous behavior, pass rowSelectionPropagation
as { parents: false, descendants: false }
.estimatedRowCount
is used, the text provided to the Table Pagination component from the Material UI library is updated and requires additional translations. Check the example at the end of Index-based pagination section.Changelog
7.23.0
Nov 29, 2024
We'd like to offer a big thanks to the 10 contributors who made this release possible. Here are some highlights ✨:
✨ Support for a new display mode on the Data Grid with the List View feature, offering an extremely flexible way to render datasets and enabling developers to adapt how data is displayed across different screen sizes.
https://github.com/user-attachments/assets/61286adc-03fc-4323-9739-8ca726fcc16c
⚛️ React 19 support
📚 Documentation improvements
🌍 Improve Spanish, Portuguese, Chinese locales on the Data Grid component.
🌍 Improve Dutch locale on the Date and Time Picker components.
🐞 Bugfixes
Special thanks go out to the community contributors who have helped make this release possible: @dloeda, @headironc, @mathzdev, @nphmuller, @lhilgert9, @lauri865. Following are all team members who have contributed to this release: @oliviertassinari, @arminmeh, @KenanYusuf, @flaviendelangle, @MBilalShafi.
<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->Changelog
v8.0.0-alpha.1
Nov 22, 2024
We'd like to offer a big thanks to the 16 contributors who made this release possible. Here are some highlights ✨:
Special thanks go out to the community contributors who have helped make this release possible: @CarlosLopezLg, @headironc, @hendrikpeilke, @k-rajat19, @lhilgert9, @viktormelin. Following are all team members who have contributed to this release: @alexfauquette, @arthurbalduini, @cherniavskii, @flaviendelangle, @JCQuintas, @LukasTy, @MBilalShafi, @oliviertassinari, @KenanYusuf, @arminmeh.
<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->Changelog
v7.22.3
Nov 21, 2024
We'd like to offer a big thanks to the 10 contributors who made this release possible. Here are some highlights ✨:
Special thanks go out to the community contributors who have helped make this release possible: @CarlosLopezLg, @headironc, @viktormelin, @qerkules, @DungTiger, @hendrikpeilke, @k-rajat19. Following are all team members who have contributed to this release: @alexfauquette, @LukasTy, @MBilalShafi, @flaviendelangle.
<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->