2

material-table を使用していますが、このテーブルの幅を調整する方法があれば教えてください。列が 2 つしかないテーブルがあり、それを画面全体に広げることができません。結果なしで次のようにしてみてください。

        <div style={{ maxWidth: "100%" }}>
            <MaterialTable
                title="All zones"
                columns={columns}
                data={data}
                options={options} 
            />
        </div>

テーブルの幅を拡張する唯一の方法は次のとおりです。助言がありますか！！！事前に感謝..

    const columns = [
        {
            field: "name",
            title: "Name",
            cellStyle: { width: 600, maxWidth: 600 },
            headerStyle: { width: 600, maxWidth: 600 }
        },
        {
            field: "description",
            title: "Description",
            cellStyle: { width: 1000, maxWidth: 1000 },
            headerStyle: { width: 1000, maxWidth: 1000 }
        },
    ];
4

1 に答える 1