选项卡面板下的网格面板不会正确地进行碰撞/扩展

Question

我在选项卡面板中添加了一个网格面板，并使其可折叠：true， 怎么不妥善崩溃。折叠时，所有带有数据的行都会被隐藏，这是预期的，但整个网格面板不会调整大小，它仍然需要与展开时一样多的空间，所以我在网格中看到一些空格。有没有人有类似的经历或有任何解决方案？

initComponent: function() {
    var me = this;

    me.initialConfig = Ext.apply({
        trackResetOnLoad: true
    }, me.initialConfig);

    Ext.applyIf(me, {
        defaults: {
            fieldStyle: 'font-weight: bold;',
            labelWidth: 70
        },
        items: [
            {
                xtype: 'tabpanel',
                flex: 1,
                collapseFirst: false,
                manageHeight: false,
                items: [
                    {
                        xtype: 'panel',
                        title: 'View EIR',
                        layout: {
                            type: 'vbox',
                            align: 'stretch'
                        },




                me.processEirActivityGrid({
                                        xtype: 'eirActivityPanel',
                                        height: '',
                                        id: 'eirActivityGrid',
                                        itemId: 'eirActivityGrid',
                                        focusOnToFront: false,
                                        forceFit: false,
                                        flex: 1
                                    })


                        ]
                    },

    });
}

processEirActivityGrid: function(config) {
    config.data = this.data;
    return config;
},