Wijmo 데이터 그리드 셀 병합(Merging) 기능

FlexGrid는 동일한 값을 가진 인접 셀을 자동으로 하나의 셀처럼 표시하는 병합(Merging) 기능을 제공합니다.

이 기능은 데이터를 변경하지 않고, 렌더링 단계에서 셀을 병합하여 가독성을 높이기 위한 UI 기능입니다.

---

병합 기능 활성화 방식

FlexGrid의 병합은 Grid 전체 설정 + 컬럼별 설정이 함께 필요합니다.

grid.allowMerging = wijmo.grid.AllowMerging.Cells;
grid.columns[0].allowMerging = true;

 

• allowMerging (Grid) : 병합 범위 지정
• allowMerging (Column) : 해당 컬럼 병합 허용 여부

AllowMerging 옵션 종류

FlexGrid에서 사용할 수 있는 병합 범위는 다음과 같습니다.

 

1. AllowMerging.None

grid.allowMerging = wijmo.grid.AllowMerging.None;

 

병합 기능을 사용하지 않습니다.
기본값입니다.

2. AllowMerging.Cells

grid.allowMerging = wijmo.grid.AllowMerging.Cells;

데이터 셀 영역만 병합합니다.
가장 일반적으로 사용되는 옵션입니다.
동일한 값이 연속된 셀만 병합됩니다.

 

3. AllowMerging.ColumnHeaders

grid.allowMerging = wijmo.grid.AllowMerging.ColumnHeaders;

컬럼 헤더 영역에서 병합을 허용합니다.
다단 헤더 구성 시 사용됩니다.

 

4. AllowMerging.RowHeaders

grid.allowMerging = wijmo.grid.AllowMerging.RowHeaders;

행 헤더 영역에서 병합을 허용합니다.
행 그룹 표현 시 사용됩니다.

 

5. AllowMerging.All

grid.allowMerging = wijmo.grid.AllowMerging.All;

데이터 셀, 행 헤더, 컬럼 헤더 모두 병합 가능합니다.
필요 범위를 명확히 알고 사용할 때 권장됩니다.