CellLayoutColumnItem
컬럼 레이아웃 정보 모델
상세 설명
GridBase.getLayoutByColumn() 에서 해당 모델을 반환할 수 있다.
GridBase.setColumnLayout() 로 설정될 때에는 특정 속성만 사용 가능하다.
GridColumn.layout 의 속성으로 설정 가능하다.
CellLayoutItem 을 상속한다.
[상위 클래스]
예제 코드
// 반환값일 경우
{
mergeRule: undefined,
breakMergeOnEmpty: false,
equalBlank: undefined,
equalBlankExpression: undefined,
cellSpan: 1,
headerSpan: undefined,
summarySpan: undefined,
footerSpan: undefined,
dataSpan: undefined,
spanCallback: undefined,
visible: true,
vindex: 1,
width: 100,
fillWidth: NaN,
cellWidth: 250
}
// method 로 설정할 경우
{
column: 'Country'
cellSpan: 3,
width: 100,
}
{
column: 'Country'
headerSpan: 2,
summarySpan: 2,
footerSpan: 2,
dataSpan: 4,
}
// 컬럼에 설정할 경우
column.layout.spanCallback = function (grid, layout, itemIndex) {
var value = grid.getValue(itemIndex, layout.column.name);
if (value) {
return value[0] === "B" ? 2 : value[0] === "F" ? 3 : 1;
}
프로퍼티 정보
cellSpan: number
기본 셀 스팬 개수
column: string
컬럼명
dataSpan: number
셀 스팬 개수
상세 설명
groupFooter가 하나인 경우 groupFooterSpan으로 지정한다. GridBase.setColumnLayout() 로 설정될 때 사용 가능하다.
footerSpans: number[]
푸터 스팬 개수
상세 설명
summary가 하나인 경우 summarySpan 으로 지정한다. GridBase.setColumnLayout() 로 설정될 때 사용 가능하다.
groupFooterSpans: number[]
그룹 푸터 스팬 개수
상세 설명
footer가 하나인 경우 footerSpan으로 지정한다. GridBase.setColumnLayout() 로 설정될 때 사용 가능하다.
mergeRule: string
컬럼 머지할 때의 규칙
상세 설명
undefined 이면(기본값) 컬럼의 mergeRule 로 병합한다. null 이면 컬럼의 mergeRule 을 무시한다.
콜백 정보
spanCallback: CellSpanCallback
사용자 지정 스팬을 위한 콜백
예제 코드
let layout = column.layout
layout.spanCallback = function (grid, layout, itemIndex) {
var value = grid.getValue(itemIndex, layout.column.dataIndex);
if (value) {
return value[0] === "B" ? 3 : value[0] === "F" ? 2 : 1;
}
return 1;
};