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