일별 목표치 달성률 그리드 | AUIGrid 데모

데모 본문으로 이동

2. 헤더(Header) 및 칼럼(Column)

3. 그리드 푸터(Footer)

4. 그리드 툴팁(Tooltip)

5. 계층형 데이터 구조(TreeGrid)

6. 그룹핑 소계(합계, 평균, 개수 등)

7. 필터(Filter)

8. 검색(Search)

9. 페이징(Paging)

10. 컨텍스트 메뉴

11. 칼럼 렌더러(renderer)

12. 칼럼 에디트렌더러(editRenderer)

13. 스파크 차트 렌더러

14. 엑스트라 렌더러

15. 사용자 정의(Custom) 렌더러

16. 사용자 정의(Custom) 에디트렌더러

17. 포맷팅(Formatting)

18. 그리드 편집(Editing)

19. 수정 취소 및 복구(Ctrl+Z, Y)

20. 행, 열, 셀 이동 및 드래그&드랍

21. 엑셀, PDF 등 내보내기(Export)

22. 밴드형 바디 레이아웃

23. 이벤트 및 기타

24. 연동 및 통합(Integration)

한 달의 성과를 달력으로 살펴보세요. 날짜마다 목표 달성률을 숫자와 막대로 표시합니다.

그리드에 출력되는 셀은 사용자 정의 렌더러(CustomRenderer)를 사용하였습니다.

이와 같이 사용자가 원하는 셀 형식을 자바스크립트로 작성할 수 있습니다.

관련 API 사용자 정의 렌더러 데이터 설정 Excel 내보내기 PDF 내보내기