전 기능이 그대로 동작합니다. 기능 제한도, 기간 제한도 없습니다. 워터마크 하나만 표시되고, 로컬 개발 환경에서는 그것도 없습니다.
버전 2.31.1 · 회원가입·이메일 등록 없이 바로 받으실 수 있습니다.
압축을 풀고 dist/의 파일 두 개를 불러오면 끝입니다.
빌드 도구도, 패키지 매니저도 필요 없습니다.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="dist/datagrid.css">
</head>
<body>
<div id="myGrid" style="height: 400px"></div>
<script src="dist/datagrid.js"></script>
<script>
new DataGrid(document.getElementById('myGrid'), {
columnDefs: [
{ field: 'name', headerName: '이름', width: 160, filter: 'text', editable: true },
{ field: 'dept', headerName: '부서', width: 140, filter: 'set' },
{ field: 'salary', headerName: '급여', width: 120, dataType: 'number',
format: '#,##0' },
],
rowData: [
{ name: '김지훈', dept: '개발', salary: 62000 },
{ name: '이서연', dept: '디자인', salary: 58000 },
],
rowSelection: 'multiple',
pagination: true,
});
</script>
</body>
</html>
패키지 안의 examples/quickstart.html이 위 코드를 그대로 담고 있어
브라우저로 바로 열어 볼 수 있습니다. 전체 옵션은
API 문서, 기능별 예제는
기능 데모 72개를 보세요.
| 경로 | 내용 |
|---|---|
dist/datagrid.js · .css |
라이브러리 본체 (단일 IIFE — 전역 DataGrid 하나만 노출) |
dist/datagrid.min.js · .min.css |
운영 배포용 압축본 (+ 소스맵) |
dist/datagrid.d.ts |
TypeScript 선언 파일 (전역 스크립트 선언 — import 불필요) |
docs/api.html |
오프라인 API 문서 — 항목 279개, 검색·사이드바 포함 |
examples/quickstart.html |
자체 완결 예제 — 그대로 열면 동작합니다 |
MANIFEST.txt |
파일별 SHA-256 + 크기 (받은 것이 무엇인지 확인용) |
LICENSE-NOTICE.txt |
평가판 고지 및 라이선스 안내 |
구매 후 받으신 키를 그리드를 만들기 전에 한 번 등록하면 워터마크가 사라집니다. 외부 서버와 통신하지 않으므로 폐쇄망에서도 그대로 동작합니다.
<script src="dist/datagrid.js"></script>
<script>
DataGrid.setLicenseKey('발급받은-키'); // 그리드 생성 전에 한 번
</script>
현재 상태는 DataGrid.getLicenseInfo()로 확인할 수 있습니다.
키 없음 / 잘못된 키 / 다른 도메인 키 / 유효한 키가 각각 어떻게 동작하는지는
라이선스 키 데모 카드에서 직접 전환해 보세요.