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

7.12.0

Aug 1, 2024

💵 Our commercial offering is evolving

The Pro plan is receiving two new packages:

• @mui/x-tree-view-pro (available today!)
• @mui/x-charts-pro (available in the coming weeks)

As always, every feature released as part of the MIT plan will remain free and MIT licensed forever.

This expansion of the Pro plan comes with some adjustments to our pricing strategy. Learn more about those in the Upcoming changes to MUI X pricing in 2024 blog post.

Highlights

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

• 🎁 Introduce item reordering using drag and drop on the RichTreeViewPro component

  <img width="384" src="https://github.com/user-attachments/assets/78bd83c5-7ce4-4ed7-acf9-be70b2dbce54" alt="Item reordering using drag and drop" />

• 📦 Support Common JS bundle out of the box on @mui/x-charts by adding vendored D3 dependencies.

  • This modifies how the package imports D3.js. It will impact you if you use d3 packages installed by @mui/x-charts and don't have them in your package.json. You shouldn't be affected otherwise.

  • For more context, the initial issue is caused by D3 only exporting ESM.

    

  • The solution up until now was to export charts with only ESM. But some frameworks are confused by this configuration.

    

  • So in order to fix this, we are providing a CJS version of D3.

    

• 🌍 Improve Turkish (tr-TR) locale on the Data Grid

• 🌍 Improve Finnish (fi-FI) locale on the Date and Time Pickers

• 🐞 Bugfixes

• 📚 Documentation improvements

<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->

Data Grid

7.11.0

Jul 18, 2024

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

• 🎨 Add color legend for charts (#13700) @alexfauquette
• 🌍 Improve Korean (ko-KR) locale on the Date and Time Pickers
• 🌍 Improve Russian (ru-RU) locale on the Date and Time Pickers and Data Grid
• 🐞 Bugfixes
• 📚 Documentation improvements

<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->

Data Grid

7.10.0

Jul 11, 2024

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

• 🎁 Add selectors to support showing child row count in footer in the Data Grid
• ✨ New APIs for retrieving current item tree and item's children IDs in the Tree View
• 🌍 Improve Spanish (es-ES) locale on the Data Grid
• 🐞 Bugfixes
• 📚 Documentation improvements

<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->

Data Grid

7.9.0

Jul 5, 2024

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

• 🔄 Add loading overlay variants, including a skeleton loader option to the Data Grid component. See Loading overlay docs for more details.
• 🌳 Add selectItem and getItemDOMElement methods to the TreeView component public API
• ⛏️ Make the usePickersTranslations hook public in the pickers component
• 🐞 Bugfixes

<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->

Data Grid

7.8.0

Jun 28, 2024

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

• 🛰 Introduce server-side data source for improved server integration in the Data Grid.

  Supports server-side pagination, sorting and filtering on plain and tree data, and automatic caching.

  To enable, provide a getRows function to the unstable_dataSource prop on the Data Grid component.

  const dataSource = {
    getRows: async (params: GridServerGetRowsParams) => {
      const data = await fetch(
        `https://api.example.com/data?${new URLSearchParams({
          page: params.page,
          pageSize: params.pageSize,
          sortModel: JSON.stringify(params.sortModel),
          filterModel: JSON.stringify(params.filterModel),
        }).toString()}`,
      );
      return {
        rows: data.rows,
        totalRows: data.totalRows,
      };
    },
  }
  <DataGridPro
    unstable_dataSource={dataSource}
    {...otherProps}
  />
  

  See server-side data documentation for more details.

• 📈 Support Date data on the BarChart component

• ↕️ Support custom column sort icons on the Data Grid

• 🖱️ Support modifying the expansion trigger on the Tree View components

<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->

Data Grid

7.7.1

Jun 21, 2024

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

• 🌍 Improve Portuguese (pt-PT) locale on the Data Grid
• 🌍 Improve Danish (da-DK) locale on the Date and Time Pickers
• 🐞 Bugfixes
• 📚 Documentation improvements

<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->

Data Grid

7.7.0

Jun 13, 2024

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

• 🎁 Allow customization of the Pickers month and the year buttons
• 🌍 Improve Persian (fa-IR), Portuguese (pt-PT), and Russian (ru-RU) locales on the Data Grid
• 🌍 Improve Korean (ko-KR) and Persian (fa-IR) locales on the Date and Time Pickers
• 🐞 Bugfixes
• 📚 Documentation improvements

<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->

Data Grid