Как отрегулировать ширину таблицы материалов?

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