@mui/x-data-grid-generator
Advanced tools
Changelog
8.0.0-alpha.6
Dec 26, 2024
We'd like to offer a big thanks to the 8 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: @JoepVerkoelen, @k-rajat19, @lauri865. Following are all team members who have contributed to this release: @flaviendelangle, @JCQuintas, @LukasTy, @MBilalShafi, @romgrk.
<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->sanitizeFilterItemValue()
utility is not exported anymore.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.