css - 使用浏览器窗口重新调整 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了解详细信息和此演示。