如何在extjs中自動適應網格中的列？

Question

我們有一個6列的網格。一列需要更多的寬度compae給其他人。我們必須在沒有任何水平滾動條的情況下拋棄該網格中的所有列。

我們試圖這樣做的代碼是：

{ 
    xtype: 'grid', 

    viewConfig: {  
     forceFit: true,  
    } 

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

上面的代碼在IE8的罰款。但在IE9和Google Chrome中，不顯示第六列內容。

任何人都可以請建議如何解決它？

Answer 1

刪除forceFit，你可以彎曲多列，你可以使用flex 2 vs 1在你想要更寬一點的列上。

{ 
    xtype: 'grid', 

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