Learn extjs table layout

1. table layout is defined by the class Ext. layout. tablelayout. The class is used as a table in HTML and can be used to merge rows or columns.
Layoutconfig uses columns to specify that the parent container is divided into three columns,
Number of rowspan merged rows.
The number of colspan merge columns.
II. Application Example CopyCodeThe Code is as follows: Ext. onready (function (){
VaR _ Panel = new Ext. Panel ({
Title: "personnel information ",
Renderto: Ext. getbody (),
Width: 500,
Height: 200,
Layout: "table ",
Layoutconfig :{
Columns: 3
},
Items: [{Title: "child element 1", HTML: "This is the content in child element 1", rowspan: 2, height: 100 },
{Title: "child element 2", HTML: "This is the content in child element 2", colspan: 2 },
{Title: "child element 3", HTML: "This is the content in child element 3 "},
{Title: "child element 4", HTML: "This is the content in child element 4 "}
]
}
);