Reactjs 如何调整物料表的宽度？

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

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

---

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

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

这对我的React项目很有效

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