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

AUIGrid v3.0.16

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. 연동 및 통합(Integration)

테마 선택 :

트리 그리드(계층형 그리드)에서 드래그&드랍으로 행 이동을 보여주는 데모입니다.

enableDropTreeChild 속성을 true 설정하면 트리 그리드에서 자식으로 드랍 가능합니다.

자식으로 드랍은 해당 행의 마지막 자식으로 드랍됩니다.

참고 : enableDropTreeChild 속성은 v3.0.15.14 이상에서 사용 가능한 속성입니다.