使用浏览器窗口重新调整DOJO表的大小

Question

我的网页上有一个DOJO表。重新调整浏览器大小后，表格不会重新调整大小。我希望在重新调整浏览器窗口时重新调整大小。我怎样才能做到这一点？

var gridLayout = [ 
{
    name : "S. No.",
    classes : "title",
    width : "70px",
    get : siFormatter,
    filterable : false
}, {
    name : "Site Id",
    classes : "title",
    field : "siteId",
    width : "70px"
}, {
    name : "IP/Phone No.",
    classes : "title",
    field : "devType",
    width : "120px"
}, {
    name : 'Site Name',
    classes : "title",
    field : "name",
    fields : [ 'company', 'name' ],
    formatter : formatLink,
    width : "110px"
}, {
    name : "Product",
    classes : "title",
    field : "smsCode",
    width : "100px"
}, {
    name : "Date & Time",
    classes : "title",
    field : "date",
    width : "140px"
}, {
    name : 'Status',
    classes : "title",
    field : "statusMessage",
    fields : [ 'statusMessage', 'statusMessageColor' ],
    formatter : formatLink1,
    width : "140px"
}];

Answer 1

您可以使用带有百分比的属性initialWidth加上属性autoWidth：

var grid = new DataGrid({
    id: 'grid',
    store: store,
    structure: layout,
    autoWidth: true,
    initialWidth: "80%"});

请查看dojox.grid.DataGrid了解详情和demo。