Special thanks go out to the community contributors who have helped make this release possible: @k-rajat19, @lauri865, @mateuseap. Following are all team members who have contributed to this release: @alexfauquette, @flaviendelangle, @JCQuintas, @KenanYusuf, @MBilalShafi, @romgrk, @arminmeh.

Data Grid

Breaking changes

viewportInnerSize.width now includes pinned columns' widths (fixes recursive loops in updating dimensions <-> columns)
The Data Grid now has a default background color, and its customization has moved from theme.mixins.MuiDataGrid to theme.palette.DataGrid with the following properties:
- bg: Sets the background color of the entire grid (new property)
- headerBg: Sets the background color of the header (previously named containerBackground)
- pinnedBg: Sets the background color of pinned rows and columns (previously named pinnedBackground)
```
 const theme = createTheme({
-  mixins: {
-    MuiDataGrid: {
-      containerBackground: '#f8fafc',
-      pinnedBackground: '#f1f5f9',
-    },
-  },
+  palette: {
+    DataGrid: {
+      bg: '#f8fafc',
+      headerBg: '#e2e8f0',
+      pinnedBg: '#f1f5f9',
+    },
+  },
 });
```
The detailPanels, pinnedColumns, and pinnedRowsRenderZone classes have been removed.
Return type of the useGridApiRef() hook and the type of apiRef prop are updated to explicitly include the possibilty of null. In addition to this, useGridApiRef() returns a reference that is initialized with null instead of {}.

Only the initial value and the type are updated. Logic that initializes the API and its availability remained the same, which means that if you could access API in a particular line of your code before, you are able to access it as well after this change.

Depending on the context in which the API is being used, you can decide what is the best way to deal with null value. Some options are:
- Use optional chaining
- Use non-null assertion operator if you are sure your code is always executed when the apiRef is not null
- Return early if apiRef is null
- Throw an error if apiRef is null

7.25.0

Diff

romgrk

published 7.25.0 • 15 hours ago

Changelog

Source

7.25.0

Jan 31, 2025

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

🐞 Bugfixes

Special thanks go out to the community contributors who have helped make this release possible: @k-rajat19, @lauri865. Following are all team members who have contributed to this release: @KenanYusuf, @MBilalShafi, @arminmeh.

Data Grid

8.0.0-alpha.9

Diff

mbilalshafi

published 8.0.0-alpha.9 • last week

Changelog

Source

8.0.0-alpha.9

Jan 24, 2025

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

🌍 Improve Persian (fa-IR) and Urdu (ur-PK) locales on the Data Grid
📚 Documentation improvements
🐞 Bugfixes

Special thanks go out to the community contributors who have helped make this release possible: @AxharKhan, @lauri865, @mapache-salvaje, @mostafaRoosta74.

Following are all team members who have contributed to this release: @alexfauquette, @cherniavskii, @Janpot, @JCQuintas, @LukasTy, @arminmeh.

Data Grid

7.24.1

Diff

mbilalshafi

published 7.24.1 • last week

Changelog

Source

7.24.1

Jan 24, 2025

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

🐞 Bugfixes
🌍 Improve Persian (fa-IR) locale on the Data Grid

Special thanks go out to the community contributors who have helped make this release possible: @mostafaRoosta74, @lauri865.

Following are all team members who have contributed to this release: @alexfauquette, @JCQuintas, @cherniavskii, @LukasTy, @arminmeh.

Data Grid

7.24.0

Diff

cherniavskii

published 7.24.0 • 2 weeks ago

Changelog

Source

7.24.0

Jan 17, 2025

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

🔄 Data Grid Scroll restoration
🐞 Bugfixes

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

Data Grid

8.0.0-alpha.8

Diff

cherniavskii

published 8.0.0-alpha.8 • 2 weeks ago

Changelog

Source

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.

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

Diff

arminmeh

published 8.0.0-alpha.7 • 3 weeks ago

Changelog

Source

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.

Data Grid

7.23.6

Diff

arminmeh

published 7.23.6 • 3 weeks ago

Changelog

Source

7.23.6

Jan 9, 2025

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

🌍 Add Chinese (Taiwan) (zh-TW) locale on the Date and Time Pickers
🌍 Improve Norwegian (nb-NO) locale on the Date and Time Pickers
🌍 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: @josteinjhauge, @derek-0000, @nusr, @k-rajat19, @tomashauser. Following are all team members who have contributed to this release: @flaviendelangle, @LukasTy, @MBilalShafi, @arminmeh, @oliviertassinari, @cherniavskii.

Data Grid

7.23.5

Diff

mbilalshafi

published 7.23.5 • last month

Changelog

Source

7.23.5

Dec 27, 2024

Here are some highlights ✨:

🐞 Fix version mismatch issue in Data Grid codesandbox/stackblitz demos

Data Grid

7.23.4

Diff

danailh

published 7.23.4 • last month

Changelog

Source

7.23.4

Dec 27, 2024

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

🌍 Improve Dutch (nl-NL) locale on the Data Grid
🐞 Bugfixes

Special thanks go out to the community contributor who has helped make this release possible: @JoepVerkoelen. Following are all team members who have contributed to this release: @arminmeh, @oliviertassinari.

Data Grid

2 3

…

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

8.0.0-alpha.10

.css-1z04cui{margin-bottom:var(--chakra-space-4);font-size:var(--chakra-fontSizes-md);}8.0.0-alpha.10

Data Grid

Breaking changes

7.25.0

7.25.0

Data Grid

8.0.0-alpha.9

8.0.0-alpha.9

Data Grid

7.24.1

7.24.1

Data Grid

7.24.0

7.24.0

Data Grid

8.0.0-alpha.8

8.0.0-alpha.8

Data Grid

Breaking changes

8.0.0-alpha.7

8.0.0-alpha.7

Data Grid

7.23.6

7.23.6

Data Grid

7.23.5

7.23.5

Data Grid

7.23.4

7.23.4

Data Grid

8.0.0-alpha.10