ExtJs 4中的寬柵格列下不適合子列4

Question

如果我在ext網格中具有柵格列，子列（ 演示中的電子郵件列和電話列）不匹配。 這裏是演示：https://fiddle.sencha.com/#fiddle/5ih 我玩過寬度/最小寬度等，但似乎沒有工作。 但是，如果我使網格列較寬的子列似乎完全適合。

Answer 1

我瘦塔也許問題是，你必須給minWidth固定頭， 和柔性屬性添加到每一列。 下面是我說的變化的小提琴叉。

minWidth : 500 

flex : 1 

https://fiddle.sencha.com/#fiddle/5iq

Answer 2

如果您想使用的子欄目和其他人一樣，比如你有2列具有固定寬度和分組列的行爲應該像柔性柱（自動寬度），你需要編寫一個自己的函數來做這個調整大小。

這只是兩行：sencha example

說明：你需要一個resize事件偵聽器添加到網格，在函數內部調整分列（S）

電網聽衆：

listeners: { 
    resize: function(grid) { 
     // you need to add and itemId for the sub columns parent 
     var subCols = grid.getView().getHeaderCt().child('#sub-cols'); 
     // 200 = sum of the fixed width of columns 
     subCols.setWidth(grid.getWidth() - 200); 
    } 
} 

網格列：

{ 
    text: 'sub columns', 
    itemId: 'sub-cols', 
    columns: [{ 
     text: 'Email', 
     dataIndex: 'email', 
     flex: 1 
    }, { 
     text: 'Phone', 
     dataIndex: 'phone', 
     flex: 1 
    }] 
}