extjs 4.1：固定表格布局中可折叠面板的宽度

我正在表布局中使用ExtJs可折叠面板。 每当我打开页面时，面板的宽度都非常精细。 请检查下面的图片

但是当我折叠面板时，宽度会改变！ 请参见下图：

复制此问题的示例代码：

Ext.create('Ext.panel.Panel', {
title: 'Car Simple Tree',
renderTo: Ext.getBody(),
layout: {
    type: 'table',
    columns: 2
},
items: [{
    xtype: 'panel',
    title: 'panel title',
    collapsible: true,
    titleCollapse: true,
    bodyStyle: {
        background: '#D9E5F3',
        borderColor: '#99BCE8',
        borderWidth: '1px'
    },
    scrollable: true,
    autoScroll: true,
    layout: {
        pack: 'center',
        type: 'hbox'
    },
    rowspan: 1,
    colspan: 2,
    width: '100%',
    items: [{
        text: 'Save',
        xtype: 'button',
        padding: 5
    }]
}, {
    html: 'Cell C content',
    cellCls: 'highlight'
}, {
    html: 'Cell D content'
}]
});

我还用同样的代码创建了一个小提琴。

请帮我解决这个问题。 我希望面板的宽度保持不变，无论是否折叠。

---

但是我想用百分比而不是固定的绝对数来设置宽度。

要将列宽设置为“100%”，请使用tableAttrs

layout: {
        type: 'table',
        columns: 2,
        tableAttrs: {
            style: {
                width: '100%'
            }
        }
    }

---

另外，“可滚动”和“自动滚动”不需要设置为true，因为列宽将为“100%”。

也尝试了此操作，但没有更改。可折叠面板和可折叠字段集在处于折叠状态时仍然会更改宽度。您是说在处于折叠状态时高度会更改吗？检查这把小提琴：检查这把小提琴。。这才是我所说的真正的问题。。