Override default ExtJS configuration

URL: http://www.extjs.com/forum/showthread.php?56893-table-layout-cellspacing-and-custom-

CSS-class

 

How about:

Code:

Ext.override(Ext.layout.TableLayout, {
	tableCfg: {tag:'table', cls:'x-table-layout', cellspacing: 0, cn: {tag: 'tbody'}},
	onLayout : function(ct, target){
		var cs = ct.items.items, len = cs.length, c, i;
		if(!this.table){
			target.addClass('x-table-layout-ct');
			this.table = target.createChild(this.tableCfg, null, true);
			this.renderAll(ct, target);
		}
	}
});

so you can use:

Code:

{
    xtype : 'container',
    autoEl: {},
    layout : 'table',
    layoutConfig: {
        tableCfg: {tag:'table', cls:'x-table-layout', cellspacing: 10, cn: {tag: 'tbody'}}
    },
    items : [ ... ]
}