LayoutItem

원하는 형태의 컬럼을 만들 수 있는 레이아웃 아이템 모델의 타입

타입

export type LayoutItem = CellLayoutGroupItem | CellLayoutColumnItem;

상세 설명

GridBase.setColumnLayout() 에서 사용된다.

[개념 설명]

span 은 html table의 colspan 과 비슷한 개념이다.

span 개수와 컬럼 개수로 영역을 분할하며, width와 뒤의 수들을 더한 만큼 영역을 한다.

layout 단위로 span 한다. 즉, 다음 layout이 그룹이면 그 그룹 전체를 span 한다.

그룹을 벗어나서 span 할 수 없다.

그룹은 span할 수 없다.

왼쪽에서 오른쪽으로, 위에서 아래로 진행한다.

상위 layout부터 먼저 span 한다(top-down).

그룹이 다음 layout들을 span 한 경우 새로 추가된 셀들을 하위 layout들에 배분한다.

(배분 방식: 하위 layout의 cell 개수 비율에 따라 마지막 layout부터 배분한다.)

행 병합 상태일 경우 span 하려는 다음 layout들과 행 어긋남이 없어야 한다.

fixed, rightFixed 경계를 넘어갈 수 없다.

예제 코드

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