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

この記事は約1分で読めます。

スポンサーリンク

はじめに

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

環境

@mui/x-data-grid”: “^6.19.4”
スポンサーリンク

minWidthを設定する。

明示的にminWidthを設定してなくても既定されています。
そのため、minWidthのプロパティを設定することで一定以上の幅を指定できます。

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

参考文献

Data Grid – Column dimensions

 

コメント

スポンサーリンク
スポンサーリンク
タイトルとURLをコピーしました