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
},
...
];