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

7.1.0

Mar 28, 2024

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

• 🚀 Add resizeThrottleMs prop (#12556) @romgrk
• 🌍 Improve Chinese (Hong Kong) (zh-HK) and Italian (it-IT) locale on the Pickers
• 🐞 Bugfixes
• 📚 Documentation improvements

Data Grid

7.0.0

Mar 22, 2024

We're excited to announce the first v7 stable release! 🎉🚀

This is now the officially supported major version, where we'll keep rolling out new features, bug fixes, and improvements. Migration guides are available with a complete list of the breaking changes:

• Data Grid
• Date and Time Pickers
• Tree View
• Charts

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

• 🚀 Improve the usage of custom viewRenderers on DateTimePicker (#12441) @LukasTy
• ✨ Set focus on the focused Tree Item instead of the Tree View (#12226) @flaviendelangle
• 🕹️ Support controlled density for the Data Grid (#12332) @MBilalShafi
• 🎁 Dynamic virtualization range for the Data Grid (#12353) @romgrk
• 🐞 Bugfixes
• 📚 Documentation improvements

Data Grid

Breaking changes

• The density is a controlled prop now, if you were previously passing the density prop to the Data Grid, you will need to do one of the following:

  1. Move it to the initialState.density to initialize it.

   <DataGrid
  -  density="compact"
  +  initialState={{ density: "compact" }}
   />
  

  1. Move it to the state and use onDensityChange callback to update the density prop accordingly for it to work as expected.

  + const [density, setDensity] = React.useState<GridDensity>('compact');
   <DataGrid
  -  density="compact"
  +  density={density}
  +  onDensityChange={(newDensity) => setDensity(newDensity)}
   />
  

• The selector gridDensityValueSelector was removed, use the gridDensitySelector instead.

• The props rowBuffer and columnBuffer were renamed to rowBufferPx and columnBufferPx. Their value is now a pixel value rather than a number of items. Their default value is now 150.

• The props rowThreshold and columnThreshold have been removed. If you had the rowThreshold prop set to 0 to force new rows to be rendered more often – this is no longer necessary.

@mui/x-charts-pro@7.0.0-beta.7

Same changes as in @mui/x-charts@7.22.2.

7.0.0-beta.6

Mar 8, 2024

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

• 🐞 Bugfixes
• 📚 Documentation improvements

Data Grid

7.0.0-beta.5

Mar 1, 2024

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

• 🎁 Add getSortComparator for more advanced sorting behaviors (#12215) @cherniavskii
• 🚀 Add use client directive to the Grid packages (#11803) @MBilalShafi
• 🌍 Improve Korean (ko-KR) and Chinese (zh-CN) locales on the Pickers
• 🐞 Bugfixes
• 📚 Documentation improvements

Data Grid

@mui/x-charts-pro@7.0.0-beta.4

Same changes as in @mui/x-charts@7.20.0.

Tree View

@mui/x-charts-pro@7.0.0-beta.3

Same changes as in @mui/x-charts@7.19.0.

Tree View