如何在extjs中自动匹配网格中的列？

Question

我们有一个包含6列的网格。一栏需要更多的宽度与其他列相比。我们必须在没有任何水平滚动条的情况下显示该网格中的所有列。

我们为此尝试的代码是：

{
    xtype: 'grid',

    viewConfig: {    
        forceFit: true,    
    }

    columns: [{    
        header: 'column1'    
    }, {    
        header: 'column2'    
    },
    //...
    {    
        header: 'column6',    
        flex: 2    
    }]
}

以上代码在IE8中运行良好。但在IE9和谷歌浏览器中，第6列内容不会显示。

有人可以建议如何解决吗？

Answer 1

删除forceFit，你只需弯曲多个列，就可以在你希望稍微宽一点的列上使用flex 2 vs 1。

{
    xtype: 'grid',

    columns: [{    
        header: 'column1',
        flex: 1   
    }, {    
        header: 'column2',
        flex: 1   
    },
    //...
    {    
        header: 'column6',    
        flex: 2    
    }]
}