CellLayoutGroupItem

그룹 레이아웃 정보 모델

상세 설명

실제 컬럼이 아닌 화면 상에서 보이는 컬럼 묶음이다.

CellLayoutItem 을 상속한다.

[상위 클래스]

CellLayoutItem

예제 코드

{
    name: "companyGroup",
    items: [
        {
            column: "Country",
            cellSpan: 3
        },
        20,20,
        {
            column: "CompanyName",
            cellSpan: 3
        },
        20,20,
    ],
    header: true
},

프로퍼티 정보

childColumnMovable


childColumnMovable: boolean

하위 레이아웃의 이동여부

direction



셀 배치 방향

header



헤더의 레이아웃 설정 정보

상세 설명

string 또는 boolean 으로 text 또는 visible 속성에 부여 가능하다.

예제 코드

     ...
             header: {
                 text: 'group1',
                 visible: true
             },
     ...

    ...
             header: false,
     ...

    ...
             header: 'group3',
     ...

hideChildHeaders


hideChildHeaders: boolean

하위 레이아웃의 헤더 숨김 여부

items


items: (LayoutItem | number | string)[]

하위 레이아웃 아이템들

상세 설명

문자열 형태로 입력 시 해당 값을 column 으로 설정한 CellLayoutColumnItem 을 생성한다.

숫자 형태로 입력시 해당 값을 width 로 설정한 CellLayoutColumnItem 을 생성한다.

movable


movable: boolean

이동 가능 여부

resizable


resizable: boolean

너비 조정 가능 여부