라이브 데모
실제 동작하는 WZ-Grid를 직접 체험해보세요.
- 기본 기능: 정렬, 필터, 체크박스, 컬럼 리사이즈, 드래그 재배치, 셀 편집
- 컬럼 타입: text, number, date, boolean, select, badge, progress, link, button
- 페이징: 100건 데이터 페이지네이션
- 그룹핑: 부서별 그룹핑 & 소계
- 드래그 & 컨텍스트 메뉴: 행 드래그 재배치, 우클릭 메뉴, 추가/삭제
가이드별 라이브 데모
각 가이드 페이지에서 해당 기능의 라이브 데모를 직접 체험할 수 있습니다.
| 가이드 | 데모 |
|---|---|
| 빠른 시작 | 기본 그리드 (편집, 필터, 체크박스) |
| 트리 구조 | 트리 + 필터 + 푸터 집계 |
| 셀 병합 | 자동/수동 병합 |
| 마스터-디테일 | Row Expand |
| 편집 & 검증 | required, validator, onInput |
| 컬럼 타입 | 19종 전체 타입 |
| 셀 커스텀 렌더러 | #cell-{colKey} 슬롯 |
| 푸터 집계 | sum, avg, count |
| 선택 & 클립보드 | 셀 선택 + 체크박스 |
| 행 스타일 | rowClass + cellClass |
| 고급 필터 | 타입별 필터 UI |
| 컬럼 설정 | pinned, 리사이즈, 재배치 |
| 정렬 & 필터 | 단일/다중 정렬 + 필터 |
| 페이징 & 가상스크롤 | 페이징 vs 가상스크롤 비교 |
| 그룹핑 & 소계 | 그룹핑 + 행 드래그 |
| 컨텍스트 메뉴 | 우클릭 메뉴 |
| 인쇄 & 내보내기 | Excel/CSV 내보내기 |