Javascript 子列不适合在ExtJs 4中的宽网格列下

​如果在外部网格中有网格列，则子列(​ 演示中的电子邮件和电话列）不匹配。 以下是演示： 我玩过width/minWidth等，但似乎不起作用。

---

但是，如果我使网格列的宽度变小，子列似乎非常适合。

我认为可能问题在于，您必须给出minWidth来修复标题， 并向每列添加flex属性。 这是我说的找零的叉子

minWidth : 500

flex : 1

---

如果您想像其他列一样使用子列，例如，您有两个固定宽度的列，并且分组的列的行为应该类似于具有flex（自动宽度）的列，则需要编写自己的函数来执行此调整

只有两行：

说明：您需要向网格添加一个

resize

事件侦听器，并在函数中调整子列的大小

网格侦听器：

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