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