합계 및 소계 행 추가

푸터를 이용한 합계 행 추가

footerTemplate 설정을 이용한 함계 행 추가할 수 있습니다.

  1. 데이터 소스 설정에 aggregate 속성을 추가합니다.
    ※ arggegate로 설정 가능한 항목은 아래에 따로 정리합니다.
  2. 그리드 설정의 columnsfooterTemplate을 추가합니다.

데이터소스의 aggregate로 설정 가능한 항목

  • sum 합계
  • count 개수
  • average 평균
  • max 최대값
  • min 최소값

그리드의 footerTemplate을 이용하여 값 출력

  • 기본적인 집계함수를 이용할 경우 (위 aggregate 설정 참고)
    #= sum.format('N') # 또는 #= max.format('N') # 과 같이 설정함
  • data 데이터소스에 선언된 집계항목들을 모두 입수할 수 있습니다.
    #= (data.fieldName1.sum - data.fieldName2.sum).format('N') #

그룹 기능을 이용한 소계 행 추가

데이터소스 group과 그리드 groupFooterTemplate 을 활용한 소계 행을 출력할 수 있습니다.

  1. 데이터 소스 groupfield 속성은 그룹의 기준이 되는 필드입니다.
    aggregates 속성은 집계할 정보에 대한 설정입니다..
    ※ arggegate로 설정 가능한 항목은 위의 푸터 로우(합계) 추가 부분에 정리되어 있습니다.
    ※ 소계와 합계는 따로 작동하므로 groupaggregate부분은 각각 설정합니다.
  2. 그리드 설정의 columnsgroupFooterTemplate을 추가합니다.
    ※ 소계와 합계는 따로 작동하므로 groupFooterTemplatefooterTemplate은 각각 설정합니다.

데이터소스의 aggregate로 설정 가능한 항목

  • sum 합계
  • count 개수
  • average 평균
  • max 최대값
  • min 최소값

※ 그룹의 헤더가 되는 부분을 출력하지 않고자 한다면, 각 페이지의 스타일시트에
   .k-grouping-row { display: none; } 을 추가합니다.