html - ウィンドウ付きの DOJO テーブルを持つ div のサイズを変更する

Question

DOJO テーブルを保持する div があります。問題は、ブラウザーのサイズを変更しても、DOJO テーブルのサイズが変更されないことです。サイズを変更するにはどうすればよいですか?? これは私のdivです

    <div id="grid1" jsid="grid1" dojoType="dojox.grid.EnhancedGrid" query="{ name: '*' }"
        data-dojo-props="plugins:{ pagination:{pageSizes: ['10', '25', '50', '100'],
        description: true, sizeSwitch: true, pageStepper: true, gotoButton: true, position: 'bottom', maxPageStep: 7}}, rowsPerPage:10"
                    style="height: 300px; width: 930px;"></div>
    </div>

これがDOJOテーブルです。

    dojo.require("dojox.grid.EnhancedGrid");
    dojo.require("dojox.grid.enhanced.plugins.Pagination");
    dojo.require("dojo.data.ItemFileWriteStore");
    dojo.require("dojox.grid.enhanced.plugins.Filter");
    dojo.require("dojox.data.QueryReadStore");
    dojo.require("dojo.parser");
    var gridLayout = [ 
    {
    name : "Capacity",
    classes : "title",
    field : "capacityKVA",
    width : "90px"
}, {
    name : "Date & Time",
    classes : "title",
    field : "date",
    width : "140px"
}, {
    name : 'Status',
    classes : "title",
    field : "statusMessage",
    fields : [ 'statusMessage', 'statusMessageColor' ],
    formatter : formatLink1,
    width : "140px"
}];