ExtJS Gridpanel列宽+ forcefit

Question

我有一个网格面板，我希望有2列。我希望第一列的宽度为100，第二列填充网格面板中的剩余宽度。

有什么想法吗？

修改

sensorListPanel = new xg.GridPanel({
    id: 'sensorListPanel',
    region: 'west',
    width: 415,
    viewConfig: {
        forceFit:true,
        //fitcontainer:true
    },
    store: sensorStore,
    cm: new xg.ColumnModel({
        defaults: {
            width: 120,
            sortable: true
        },
        columns: [
            smSensors,
            {id:'Station',header: "Station", width: 95, dataIndex: 'gml_id'},
            {id:'Description', header: "Description", dataIndex: 'description'}
        ]
    }),
    sm: smSensors,
    columnLines: true,
    title:'Sensors',
});

Answer 1

尝试在viewconfig中设置forceFit

viewConfig:{forceFit:true}

通过指定forceFit：true，将重新调整非固定宽度列（基于相对初始宽度）以填充网格的宽度。

Answer 2

您可以使用Grid上的“autoExpandColumn”配置。

{
    xtype : 'grid',

    cm : //Your Column model Code,

    autoExpandColumn : COLUMN_NAME_FROM_COLUMN_MODEL
}

在列模型中，您可以指定固定宽度列的宽度。