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 
    }] 
}