MUI X Data grid v5.11.0 Release Notes
-
May 13, 2022
๐ We'd like to offer a big thanks to the 15 contributors who made this release possible. Here are some highlights โจ:
- ๐ ๐ Premium plan release. We're happy to announce that the Premium plan is finally out! With it, MUI X officially steps up to the next level, supporting the most advanced use cases for UI components.
This plan is available through the new
@mui/x-data-grid-premium
package, which contains the row grouping and the Excel export features.If you were already using the row grouping feature, you can upgrade by installing
@mui/x-data-grid-premium
and replaceDataGridPro
withDataGridPremium
, as follows. Note that the experimental flag is not required anymore to use the row grouping.-import { DataGridPro } from '@mui/x-data-grid-pro'; +import { DataGridPremium } from '@mui/x-data-grid-premium'; -<DataGridPro experimentalFeatures={{ rowGrouping: true }} /> +<DataGridPremium />
For more information about the revised pricing model please have a look at the blog post.
๐ Excel export. You can find this new Premium feature at: https://mui.com/x/react-data-grid/export/#excel-export.
๐ Quick filtering. You can now add a quick filtering search bar to your grid. To do so, either pass
showQuickFilter
prop to the<GridToolbar />
or use the<GridToolbarQuickFilter />
component in your custom toolbar. More information about how to customize the filtering logic is in the documentation.
- ๐ ๐ Bugs fixes