extjs网格 - 如何使列宽100%

关于ExtJS网格中如何使列宽100%，可以通过以下方法实现：

使用百分比设置列宽

在ExtJS网格中，可以使用百分比设置列宽，例如：

columns: [
    {
        text: '列1',
        dataIndex: 'field1',
        flex: 1
    },
    {
        text: '列2',
        dataIndex: 'field2',
        flex: 1
    }
]

在上述代码中，使用flex: 1设置列宽为100%，即占据整个网格宽度。

使用forceFit属性

在ExtJS网格中，可以使用forceFit属性来使列宽自适应，例如：

Ext.create('Ext.grid.Panel', {
    title: '网格',
    store: store,
    columns: [
        {
            text: '列1',
            dataIndex: 'field1',
            flex: 1
        },
        {
            text: '列2',
            dataIndex: 'field2',
            flex: 1
        }
    ],
    forceFit: true,
    renderTo: Ext.getBody()
});

在上述代码中，使用forceFit: true属性来使列宽自适应，即占据整个网格宽度。

使用viewConfig属性

在ExtJS网格中，可以使用viewConfig属性来设置列宽为100%，例如：

Ext.create('Ext.grid.Panel', {
    title: '网格',
    store: store,
    columns: [
        {
            text: '列1',
            dataIndex: 'field1',
            flex: 1
        },
        {
            text: '列2',
            dataIndex: 'field2',
            flex: 1
        }
    ],
    viewConfig: {
        columnLines: true,
        stripeRows: true,
        enableTextSelection: true
    },
    renderTo: Ext.getBody()
});

在上述代码中，使用viewConfig属性来设置列宽为100%，即占据整个网格宽度。

总之，在ExtJS网格中，可以使用以上方法来实现列宽为100%的效果。