3

6 列のグリッドがあります。1 つの列は、他の列よりも広い幅が必要です。水平スクロール バーを使用せずに、そのグリッド内のすべての列を表示する必要があります。

このために試したコードは次のとおりです。

{
    xtype: 'grid',

    viewConfig: {    
        forceFit: true,    
    }

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

上記のコードは IE8 で問題なく動作しました。ただし、IE9 と Google Chrome では、6 列目のコンテンツは表示されません。

誰かがそれを解決する方法を提案してもらえますか?

4

1 に答える 1

5

forceFitを削除します。複数の列をフレックスするだけで、少し幅を広くしたい列でフレックス2と1を使用できます。

{
    xtype: 'grid',

    columns: [{    
        header: 'column1',
        flex: 1   
    }, {    
        header: 'column2',
        flex: 1   
    },
    //...
    {    
        header: 'column6',    
        flex: 2    
    }]
}
于 2013-03-15T08:32:15.343 に答える