HTML5 자바스크립트 그리드(JavaScript Grid)

3. 소계행 열 일치 형 - 소계행도 병합형 & 소계 행들 depth 무시하고 열 위치 일치 시켜 출력.

그룹핑의 마지막 필드에 해당하는 열(column)에 일치시켜 소계가 출력됩니다.(데모 상에서는 Name)

소계행도 병합형(Type 2)의 속성에 adjustSummaryPosition = true 를 추가로 설정하십시오.

// 차례로 country, product, name 순으로 그룹핑을 합니다.
// 즉, 각 나라별, 각 제품을 구매한 사용자로 그룹핑
groupingFields : ["country", "product", "name"],
			
// 합계(소계) 설정
groupingSummary  : {
		// 합계 필드는 price 1개에 대하여 실시 합니다.
		dataFields : [ "price" ]
},
			
// 그룹핑 썸머리행에 값을 채움
fillValueGroupingSummary : true,

// 썸머리행의 소계 위치를 동일 선상의 열(column)에 위치하도록 합니다.
// 동일 선상은 groupingFields 의 마지막 필드인 name 에 일치시킵니다.
adjustSummaryPosition : true,

셀 병합 실제 rowspan 적용 시킨 데모 보기(cellMergeRowSpan = true 적용한 데모 보기)