如何在 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    
    }]
}