extjs html table,ExtJstable布局学习笔记

table布局顾名思义，就是象table表格一样的布局:

Ext.onReady(function() {

var win = new Ext.Window({

title: "table Layout",

height: 210,

width: 290,

plain: true,

bodyStyle: 'padding:15px',

layout: 'table',

layoutConfig: {

columns: 3

},

defaults:{width:80,height:50},

items:

[

{ html: '1,1(rowspan=3)', rowspan: 3 ,height:150},

{ html: '1,2'},

{ html: '1,3' },

{ html: '2,2(colspan=2)', colspan: 2, width: 160 },

{ html: '3,2' },

{ html: '3,3' }

]

});

win.show();

});

个人感觉，这个布局用处不大，真需要table的时候，我直接在html属性里，写上table标签就可以了，不用这么麻烦。