DataGridのセルにてWidthが一定以上小さくならないときに確認すること(備忘録)

2024-02-16

はじめに

Data Gridで表を作成するとき、セルのサイズなど指定することができますが、
width を一定以上小さくしようとプロパティを設定しても小さくならないことがあります。
そのときに確認するべきことを記します。

環境

  • @mui/x-data-grid: ^6.19.4

minWidthを設定する

明示的に minWidth を設定していなくても、既定値が存在します。
そのため、minWidth プロパティを指定することで、より小さい幅を許容させることができます。

const columns: GridColDef[] = [
  {
    field: 'sample',
    headerName: 'sample',
    width: 15,
    minWidth: 15
  }
];

参考文献