[CLOSED]removeAll from a panel with a table layout

[rspaeth]

if removeAll is called for a panel using a table layout, the items under the table data is removed, but the rows remain. Later, if new items are added to the panel new table rows are created as expected. FF handles the empty table rows fine, but IE shows a space at the top of the table for each row left.

current outcome:
unneeded table rows are left behind. as items are removed and added, the space at the top of the panel grows in IE.

expected outcome:
no remnants are left when remove all is called. removeAll should remove everything.

steps to reproduce (using the example below):

-place a break point at the remove all.
-use firebugs inspect and try to get the panel.
-dive in to the table element.
-click next step in the debugger. notice all the items from the panel are removed, but in firebug, the table rows still exist.
-walk through the add. notice new rows are added at the end

 Ext.onReady(function() {
            var panel = new Ext.Panel({
                id:'main-panel',
                baseCls:'x-plain',
                renderTo: Ext.getBody(),
                layout:'table',
                layoutConfig: {columns:1},
                // applied to child components
                defaults: {frame:true, width:200, height: 200},
                items:[{
                    title:'Item 1'
                },{
                    title:'Item 2'
                },{
                    title:'Item 3'
                },{
                    title:'Item 4',
                    width:410,
                    colspan:2
                },{
                    title:'Item 5'
                },{
                    title:'Item 6'
                },{
                    title:'Item 7',
                    width:410,
                    colspan:2
                },{
                    title:'Item 8'
                }]
            });
            
            panel.removeAll(true);
            
            panel.add({
                    title:'Item 9'
                },{
                    title:'Item 10'
                },{
                    title:'Item 11'
                });
            
            panel.doLayout();
            
        });

[Condor]

Correct, TableLayout doesn't update 'currentRow', 'currentCell' and 'cells' when components are removed.

This is rather difficult to do, so I don't think this is going to be fixed anytime soon.

ps. Inserting components in a TableLayout is also not supported (same reason).

[teddyjas]

+1 for this issue... still not solved until now...

[ishgaall]

TableLayout.onLayout will only render its items on initial layout, and subsequent calls to doLayout will not render unrendered items. This can be worked around by moving the call to renderAll as in the following override:
...

..

please look:
http://www.sencha.com/forum/showthre...h-table-layout