reactjs - 如何调整材料表的宽度？

Question

我正在使用材料表，我想知道是否有任何方法可以调整此表的宽度。我有一个只有两列的表格，我无法让它遍布整个屏幕。尝试如下没有结果。

        <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 }
        },
    ];

Answer 1

这就是我调整材料表中列的材料表单元格宽度的方式

const columns = [
    {
        field: "firstName",
        title: "First Name",
        width: 300    // 1st way        
    },
    {
        field: "lastName",
        title: "Last Name",
        width: '20%'  // 2nd way          
    },
];

这适用于我的 React 项目。