[DataGrid] Remove cell min-width / max-width styles

[oliviertassinari]

I can't reproduce this issue https://github.com/mui/mui-x/pull/10059/files#r1417671356 using:

import * as React from 'react';
import { DataGrid } from '@mui/x-data-grid';

const rows = [
  {
    id: 1,
    username: '@MUI',
    age: 20,
  },
];

export default function ColumnSizingGrid() {
  return (
    <div style={{ height: 250, width: '100%' }}>
      <DataGrid
        columns={[
          { field: 'id' },
          { field: 'username', width: 125, minWidth: 150, maxWidth: 400 },
          { field: 'age', resizable: false },
        ]}
        rows={rows}
      />
    </div>
  );
}

so I'm continuing #13293 (comment). I suspect that we can save bundle size here.

Edit: how fun, the CI is failing with the data picker, unrelated, it seems because we are the 1st of the month, but not 100% sure.

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

[mui-bot]

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

Generated by 🚫 dangerJS against 79836d4

[cherniavskii]

I can't reproduce the linked issue either 👍🏻
I think it's not relevant anymore after reducing DOM nodes rendered for each cell in #12013

[oliviertassinari]

Cool, I'm curious to see if we need to add this back: See https://youtu.be/tRsxLLghL1k?si=sRhbVRHVLRR83pMX&t=574. "if you are not adding back at least 10% of what you are removing, you know you are not removing enough".

[romgrk]

I did the same transformation here but it was reverted after Andrew's comment here.