행 병합 그루핑

RowGroup.mergeMode 속성을 true로 설정하면 행 Grouping 시 묶여진 컬럼 셀들을 병합셀로 표시합니다.

1
gridView.setRowGroup({mergeMode:true})

행 그룹핑과 마찬가지로 그룹마다 Header나 Footer를 추가하여 표시할 수 있습니다.
마찬가지로, 그룹 헤더에 표시할 텍스트는 rowGroup.headerStatement 속성으로 지정하고, 각 Footer 셀에 표시할 값은 Column.footer.groupExpression으로 지정할 수 있습니다.

RowGroup 설정

setRowGroup()함수는 그리드 RowGroup과 관련된 정보들을 설정합니다.

rowGrouping 상태일 때 그룹의 펼침 또는 접힘 상태에 따라 그룹푸터와 그룹헤더의 표시방법을 설정 할 수 있습니다.

자식들이 표시되고 있을 때
FOOTER     HEADER     BOTH     SUMMARY(Only JS Support)     NONE

1
2
3
gridView.setRowGroup({
    expandedAdornments: $(':radio[name="expanded"]:checked').val()
});

자식들이 감춰진 상태일 때
FOOTER     HEADER     BOTH

1
2
3
gridView.setRowGroup({
    collapsedAdornments: $(':radio[name="collapsed"]:checked').val()
});

Expander 표시
표시     감춤

1
2
3
gridView.setRowGroup({
    mergeExpander: $(':radio[name="expander"]:checked').val()
});

제한 사항

병합 모드에서 제한 되는 부분은 아래와 같습니다.

• Grouping 된 컬럼은 순서대로 그리드 앞쪽 순서대로 배치됩니다.
• Grouping 된 컬럼은 위치를 변경할 수 없습니다.

일부 그룹 푸터 표시

MergedRowGroup시 createFooterCallback 속성으로 일부 그룹에만 footer를 표시할수 있도록 설정할 수 있습니다.

그룹래밸3이상 푸터제거

1
2
3
4
5
6
7
8
9
gridView.setRowGroup({
  mergeMode:true,
  createFooterCallback: function(grid, group) {
     if (group.level > 2) {
       return false; 
     };
     return true;  // 그외의 경우 표시함.
  }
});