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 replace DataGridPro with DataGridPremium, 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