@mui/x-data-grid - npm Package Versions

8.0.0-alpha.8

Jan 16, 2025

We'd like to offer a big thanks to the 11 contributors who made this release possible. Here are some highlights ✨:

• 🍬 Improved design for Data Grid Header filters

  <img width="100%" alt="Data Grid Header filters" src="https://github.com/user-attachments/assets/74a50cd9-7a55-41fc-a2b8-f8a0d5b9120e" />

• 🔄 Data Grid Scroll restoration

• 📊 Charts support server-side rendering under some conditions

• 🐞 Bugfixes

Special thanks go out to the community contributors who have helped make this release possible: @lauri865. Following are all team members who have contributed to this release: @arminmeh, @romgrk, @samuelsycamore, @alexfauquette, @cherniavskii, @flaviendelangle, @JCQuintas, @KenanYusuf, @LukasTy, @michelengelen.

<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->

Data Grid

Breaking changes

• The clear button in header filter cells has been moved to the header filter menu. Use slotProps={{ headerFilterCell: { showClearIcon: true } }} to restore the clear button in the cell.

8.0.0-alpha.7

Jan 9, 2025

We'd like to offer a big thanks to the 13 contributors who made this release possible. Here are some highlights ✨:

• 📊 Charts legend is now an HTML element which can be styled more easily
• 💫 Support aggregation with server-side data
• 🏎️ Improve Data Grid aggregation performance
• 🌍 Add Chinese (Taiwan) (zh-TW) locale on the Date and Time Pickers
• 🌍 Improve Norwegian (nb-NO) locale on the Date and Time Pickers
• 🐞 Bugfixes

Special thanks go out to the community contributors who have helped make this release possible: @derek-0000, @josteinjhauge, @k-rajat19, @nusr, @tomashauser. Following are all team members who have contributed to this release: @cherniavskii, @flaviendelangle, @JCQuintas, @LukasTy, @MBilalShafi, @arminmeh, @romgrk, @oliviertassinari.

<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->

Data Grid

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 ✨:

• 🏎️ Improve Data Grid scrolling performance
• 🌍 Improve Dutch (nl-NL) locale on the Data Grid
• 🐞 Bugfixes

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 /-->

Data Grid

Breaking changes

• The sanitizeFilterItemValue() utility is not exported anymore.

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 ✨:

• 🌍 Improve Korean (ko-KR) locale on the Data Grid
• 🐞 Bugfixes

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 /-->

Data Grid

Breaking changes

• Passing additional props (like data-*, aria-*) directly on the Data Grid component is no longer supported. To pass the props, use slotProps.

  • For .root element, use slotProps.root.
  • For .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.

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 ✨:

• 🌍 Improve Romanian locale on the Data Grid and Pickers
• 📚 Documentation improvements
• 🐞 Bugfixes

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 /-->

Data Grid

Breaking changes

• 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.