ExtJS 테이블 레이아웃_extjs 알아보기

1. 테이블 레이아웃은 HTML의 테이블과 유사하며 행이나 열을 병합할 수 있는 Ext.layout.TableLayout 클래스에 의해 정의됩니다.
layoutConfig는 열을 사용하여 상위 컨테이너가 3개의 열로 나누어지도록 지정하고
rowspan은 행 수를 병합합니다.
colspan은 열 수를 병합합니다.
2. 적용 예시

코드 복사 코드는 다음과 같습니다.

Ext. onReady(function (){
var _panel = new Ext.Panel({
title:"개인 정보",
renderTo:Ext.getBody(),
width:500,
height :200,
레이아웃:"테이블",
layoutConfig: {
열: 3
},
항목:[{제목:"하위 요소 1",html:"이것은 하위입니다. 요소 1 콘텐츠", rowspan:2,height:100},
{title:"하위 요소 2",html:"하위 요소 2의 콘텐츠입니다.",colspan:2},
{ title:" 하위 요소 3",html:"하위 요소 3의 콘텐츠입니다."},
{title:"하위 요소 4",html:"하위 요소 4의 콘텐츠입니다."}
]
}
)