github mui/mui-x v4.0.0
on GitHub

latest releases: v8.0.0-alpha.0, v7.22.2, v7.22.1...
3 years ago

Aug 27, 2021

🎉 This is the first stable release of the data grid component 🎉!

We have been iterating on the component for 18 months. With the introduction of the row edit feature, many bug fixes, and polishing of the documentation, we believe the component is ready for a stable release.

The MUI X v4.0.0 release supports MUI Core v4 and has partial support for v5-beta. With the soon-to-be-released v5 version of the core components, we are moving ongoing work to the v5 release line (Core and X).
The support for existing projects on MUI v4 won't be a priority going forward. We encourage you to migrate to MUI Core v5-beta and soon MUI X v5-beta. We don't patch, fix, or alter older versions. Using MUI Core v4 with MUI X v5 might lead to extra bundle size and configuration.

A big thanks to the 6 contributors who made this release possible. Here are some highlights ✨:

  • 🚀 Introduce the row editing feature (#2098) @m4theushw

  • ⚡️ Rename the XGrid component to DataGridPro (#2382) @m4theushw

    This should help clarify the products vs. plans separation. MUI X is a product line on its own. It contains MIT and Commercial software. Removing X from the name of the paid components should help remove a possible confusion: the MIT version of X is meant to be valuable enough for developers to use it, without feeling that it's crippled compared to other OSS alternatives.
    The Pro suffix should help make it clear what's MIT and what's not.

  • ✨ Rename the @material-ui npm scope to @mui (#2341) @oliviertassinari

    This is part of the ongoing rebranding of the project and company. Material-UI is our current official name, however, we are going to change it. It's too long to write, read, and pronounce; and it is too closely associated with Material Design. In the near future, the whole project/company is moving to MUI and https://mui.com/.

  • 💡 The api property was removed from the callback params. To access the API, use the DataGridPro (#2312) @DanailH

@mui/x-data-grid@v4.0.0 / @mui/x-data-grid-pro@v4.0.0

Breaking changes

  • [DataGrid] Move packages to @mui scope and rename XGrid to DataGridPro (#2341, #2382) @m4theushw @oliviertassinari
    You can find in the above highlight section why we are making these name changes. You can migrate following these steps: 

    -import { DataGrid } from '@material-ui/data-grid';
+import { DataGrid } from '@mui/x-data-grid';
    -import { XGrid } from '@material-ui/x-grid';
-<XGrid />
+import { DataGridPro } from '@mui/x-data-grid-pro';
+<DataGridPro />

  • [DataGrid] The api property was removed from the callback params (#2312) @DanailH
    To access the API, use the DataGridPro and get it from the new details param. 

     <DataGridPro
-  onColumnResize={(params, event) => console.log(params.api)}
+  onColumnResize={(params, event, details) => console.log(details.api)}
 />

  • [DataGrid] Remove unused row CSS classes (#2327) @ZeeshanTamboli
    The CSS classes .Mui-odd and .Mui-even were removed from the row.

Changes

Docs

Core

Check out latest releases or
releases around mui/mui-x v4.0.0

Don't miss a new mui-x release

NewReleases is sending notifications on new releases.

Get notifications