푸터(Footer)에 N개 행의 푸터를 출력한 모습입니다.
다수 행의 푸터를 출력하고자 한다면 푸터 출력 행 개수 속성인 footerRowCount 를 지정한 후 다음처럼 푸터를 정의할 때 2중 배열 구조로 정의합니다.
엑셀(xlsx)로 저장// 그리드 속성 정의 const gridProps = { showFooter : true, // 푸터 출력 행 개수 설정 footerRowCount : 3, // 기본 푸터 높이 footerHeight : 24, // 푸터 행를 각각 20, 20, 30 으로 적용시킴 // 만약 지정하지 않는 경우 기본 footerHeight 이 적용됨 footerHeights : [20, 20, 30], ... }; // 그리드 푸터 설정 const footerLayout = []; // 첫번째 푸터 행 정의 footerLayout[0] = [{ positionField : "p1203", dataField : "p1203", }, { .... .... }]; // 두번째 푸터 행 정의 footerLayout[1] = [{ positionField : "p1203", dataField : "p1203", }, { .... .... }];
모든 데모는 각각 독립적인 단일 HTML 페이지입니다. 마우스 우클릭 후 "소스 보기" (또는 크롬 기준 단축키 Ctrl + U)로 어떻게 작성되었는지 쉽게 확인 할 수 있습니다.
Copyright © AUISoft Co., Ltd.