[HELP] - Table Layout width of children

[Grolubao]

Hi All,
I'm trying a very small example with table layout (it needs to be this because the client will configure it) and it seems like the panels inside don't share the same width amongst them.

var newPanel = new Ext.Panel({
        title : 'Test',
        layout : 'table',
        defaults : {
            bodyStyle : 'height: 250px'
        },
        layoutConfig : {
            columns : 2,
            rows : 1,
            tableAttrs : {
                style : {
                    width : '100%'
                }
            }
        },
        items: [
        {
            xtype: 'panel',
            title: 'Test 1'
        },
        {
            xtype: 'panel',
            title: 'Test 21111111111'
        }
        ]
    });

This produces the following:

test.jpg

So instead of sharing the same width it seems like the second panel gets much more width because the title is bigger.
I cannot set the width manually because I want it to resize properly and as said before I cannot change the layout to vbox and hbox.

Can someone help me here?

Thanks!

[mitchellsimoens]

That's because the items don't have a width. You have to specify a width.

[Grolubao]

Correct, but I wanted the width to be dynamic, similar to what is there in hbox/vbox and to resize properly.

Isn't this possible?

[mitchellsimoens]

Not in table layout.