ExtJS テーブルのレイアウトを学ぶ_extjs

1. テーブル レイアウトは Ext.layout.TableLayout クラスによって定義されます。このクラスは HTML のテーブルに似ており、行や列を結合できます。
layoutConfig は列を使用して親コンテナが 3 つの列に分割されることを指定し、
rowspan は行数をマージします。
colspan は列の数をマージします。
2. アプリケーション例

コードをコピーします。 コードは次のとおりです。 onReady(function (){

var _panel = new Ext.Panel({

title:「人事情報」,
renderTo:Ext.getBody(),
width:500,
height :200,
layout:"table",
layoutConfig: {
columns: 3
},
items:[{title:"子要素 1",html:"これは子です要素 1 の内容", rowspan:2,height:100},
{title:"サブ要素 2",html:"これはサブ要素 2 の内容です",colspan:2},
{ title:" 子要素 3",html:"子要素 3 の内容です"},
{title:"子要素 4",html:"子要素 4 の内容です"}
]
}
);