[DataGrid] Set default overlay height in flex parent layout

[cherniavskii]

Fixes https://github.com/mui/mui-x/issues/15169#issuecomment-2447511730 Closes https://github.com/mui/mui-x/pull/14900#issuecomment-2403000503

Preview: https://deploy-preview-15202--material-ui-x.netlify.app/x/react-data-grid/layout/

[mui-bot]

Deploy preview: https://deploy-preview-15202--material-ui-x.netlify.app/

Updated pages:

• docs/data/data-grid/layout/layout.md

Generated by :no_entry_sign: dangerJS against 5879653eb98e0d8acb3a2c1d098b1ecdfb66d2be

[github-actions[bot]]

This pull request has conflicts, please resolve those before we can evaluate the pull request.

[serrg]

Is it possible to set a default overlay height within a flex parent layout using MUI v6?

We can set it manually like:

sx={{
  "& .MuiDataGrid-overlayWrapper": {
    minHeight: "104px", // Set your desired default height
  },
}}

but this change will also impact other overlays.

[cherniavskii]

Is it possible to set a default overlay height within a flex parent layout using MUI v6?

@serrg I'm not sure the flex parent layout works correctly in Data Grid v6.

but this change will also impact other overlays.

I think this is expected, it impacts all overlays.