AUIGrid 3.0.10 DEMO
테마 선택 :

그룹핑 썸머리 행(소계 행)을 선택적으로 구성한 모습입니다.

그룹핑 소계 필드(groupingSummary) 설정 시 기본적으로 그룹핑된 개수 만큼 소계도 계산되어 출력됩니다.

즉, 예제에서 "나라", "제품", "이름" 으로 그룹핑을 지정했기 때문에 각각에 대하여 합계를 계산하여 하단에 소계(Summary)가 출력됩니다.

그러나 모든 소계를 출력하는 것이 아니라 원하는 소계만 출력 할 수 있습니다.(그룹핑 시 소계 필드를 제외시킬 수 있음)

예제는 "이름" 그룹핑에 대하여 소계를 출력하지 않도록 지정한 모습입니다.

즉, excepts 에 설정한 필드에 해당되는 그룹핑 썸머리 행(소계 행) 전체를 출력하지 않습니다.

조건(예로 건수가 1건인 경우 제외)을 작성하여 부분 출력하지 않는 데모는 여기를 참고하세요.

Type 2 에 적용한 데모 보기 | Type 3 에 적용한 데모 보기

// 차례로 country, product, name 순으로 그룹핑을 합니다.
// 즉, 각 나라별, 각 제품을 구매한 사용자로 그룹핑
groupingFields : ["country", "product", "name"],

// 합계(소계) 설정
groupingSummary  : {
	// 합계 필드는 price 1개에 대하여 실시 합니다.
	dataFields : [ "price" ],
	
	// groupingFields 에서 설정한 필드의 depth 대로 썸머리 행이 출력되는 것이 기본입니다.
	// 그러나 원하는 않는 썸머리는 제외 시키십시오.
	// 즉, 썸머리로 출력되는 대상 제외 시키는 필드 설정
	excepts : [ "name"],
	
	// 그룹핑 썸머리 행의 구체적 설정
	// 2개의 Object 에 각각, 합계, 개수를 표현
	rows: [{
		operation: "SUM", text : "$value 합계"
	}, {
		operation: "COUNT", text : "$value 개수"
	}]
},