v0.12.0 · Now Available
VeloxGrid
의존성 제로. 프레임워크 무관. 100,000+ 행을 가상 스크롤로 처리하는 고성능 데이터 그리드 라이브러리.
117KB
Bundle Size
100K+
Rows Support
0
Dependencies
19
Phases
의존성 제로. 프레임워크 무관. 100,000+ 행을 가상 스크롤로 처리하는 고성능 데이터 그리드 라이브러리.
엔터프라이즈급 데이터 그리드에 필요한 모든 기능을 단일 라이브러리로
각 기능 단계별 인터랙티브 데모를 바로 실행해보세요
셀/행/블록 선택, 키보드 네비게이션, CheckBar 체크박스 선택
Phase 7Excel, CSV, JSON 형식으로 데이터를 내보내고 가져오기
Phase 8Enter/Tab 이동, Delete 키, Ctrl+Z/Y Undo/Redo
Phase 9컬럼 드래그 재정렬, 컬럼 메뉴, 고정/해제, 행 드래그
Phase 10-11셀 검증, 커스텀 에디터, 툴팁
Phase 12Footer Summary — sum, avg, count, min, max 집계
Phase 13좌/우 컬럼 고정 및 특수 컬럼 통합
Phase 14CheckBar, RowNumbers, DragHandle 표시 순서 조정
Phase 14.1행 추가/수정/삭제 상태 추적, getChanges(), commit()
Phase 15Quick Edit, Enter/Tab 네비게이션, 에디터 키보드 동작
Phase 15.1React 컴포넌트/훅, Vue 3 컴포넌트/컴포저블 통합
Phase 17로컬/원격 페이지네이션, Infinite Scroll, 서버 사이드
Phase 182~3단계 그룹 헤더, 그룹 드래그 이동, Fixed Columns 통합
Phase 19npm 한 줄로 설치하고 즉시 사용 가능합니다
# 패키지 설치
npm install velox-grid
import VeloxGrid from 'velox-grid';
import 'velox-grid/dist/velox-grid.css';
const grid = new VeloxGrid({
container: document.getElementById('grid'),
columns: [
{ field: 'name', header: 'Name', width: 150 },
{ field: 'age', header: 'Age', width: 100 },
],
data: [
{ name: 'Alice', age: 30 },
{ name: 'Bob', age: 25 },
],
});
MIT 라이선스 오픈소스 프로젝트입니다.
Star, Issue, PR 모두 환영합니다.