OPEN_GRID가 v1.0.0에 도달했습니다. 이번 버전의 핵심은 단 하나 —
그리드의 동작을, 본문 코드를 한 줄도 고치지 않고, 겉에서 한 겹 감싸 내 입맛대로 바꾸는
grid.override() 기능입니다. 라이브러리를 포크하거나 내부를 건드릴 필요 없이,
필요한 동작만 “덮어쓰기” 하세요.
무엇이 새로운가
- 메서드 오버라이드 —
grid.override('writeCell', (orig, ...args) => { ... }).
원본 동작(orig)을 그대로 끼워 넣으면서 앞뒤를 감쌉니다. 여러 겹 합성도 됩니다. - strategy 슬롯 6종 — 정렬 비교·필터 판정·표시 포맷·내보내기 직렬화·그룹 키·집계처럼
“값을 계산하는 알고리즘 자체”를 통째로 교체합니다. - 복원 —
restore(name)/restoreAll(). 그리드를 없애면(destroy) 자동 복원됩니다. - 전역 기본 —
OpenGrid.defaultOverride()로 앞으로 만들 모든 그리드에 회사 표준을 한 번에 적용. - 헤더 줄바꿈 —
headerWrap으로 긴 헤더를 여러 줄로.
강력한 도구인 만큼 안전장치도 기본값으로 깔아 두었습니다 —
재진입 가드, 오류를 숨기지 않는 strict 전파, destroy 시 자동 정리.
직접 만져 보세요
override 데모를 32가지 사례 × 5개 프레임워크(Vanilla·React·Vue·jQuery·AngularJS)로 준비했습니다.
데모러너 왼쪽 메뉴의 “동작 커스터마이즈(override)” 카테고리에서 예제를 고르면,
가운데에 라이브 그리드가, 옆에 코드·옵션·Import 탭이 함께 뜹니다.
👉 라이브 데모 실행
📖 개발자 가이드 — override 챕터
🤖 AI 코딩 보조용 override 가이드 (존재하지 않는 API를 지어내지 않도록 규칙 명시)
설치
npm install open-grid # v1.0.0
# 또는 CDN
<script type="module">
import { OpenGrid } from 'https://unpkg.com/open-grid@1.0.0/dist/open-grid.js';
</script>
⬇ 직접 다운로드: open-grid-v1.0.0.zip ·
저장소 패키지는 npm에서.
한 줄 요약
원본은 그대로 두고, 겉만 한 겹 바꾼다 — override.
오픈소스(MIT)이며, 상용 Grid의 대안을 지향합니다.