React와 JavaScript를 위한 무료 피벗 테이블

사용자가 100만 행 위에서 필드를 끌어 놓아 요청하려던 보고서를 직접 만듭니다. 합계는 Web Worker에서 계산되며 데이터 그리드도 함께 제공됩니다. 185개 기능 중 122개는 라이선스 키가 필요 없습니다.

PivotGrid: 분기별 지역 및 카테고리별 매출과 수량, 소계 포함

여기서 바로 사용해 보세요

두 개의 컴포넌트, 실제 데이터, 브라우저에서 실행됩니다. 설치 불필요.

DataGrid

ReactBuilt for ReactJavaScriptPlain JavaScript, no framework required
데모 보기 →
데모 로딩 중…

PivotGrid

ReactBuilt for ReactJavaScriptPlain JavaScript, no framework required
데모 보기 →
데모 로딩 중…
Community · free forever

122 of 185 features need no licence key

No trial clock, no watermark, no signup. Commercial use included. The paid tiers start where you change the data and where you take it out — editing, grouping on the server, styled Excel and PDF export, charts.

Install and render

npm install @kanunilabs/datagrid-react
import { DataGrid } from '@kanunilabs/datagrid-react';
import '@kanunilabs/datagrid-react/styles.css';

<DataGrid
  gridId="sales"
  dataSource={rows}
  rowKey="id"
  columns={columns}
  style={{ height: 600 }}
/>

No bundler configuration: the Web Worker is compiled into the package and started from a Blob URL. Prefer no framework? createGrid() does the same without React.

Measured, and reproducible

Sort, numeric
101 ms
Sort, text
90 ms
first query 1.8 s
Filter, equality
18 ms
Free-text search
65 ms
first query 413 ms

1,000,000 rows × 9 columns, columnar engine, median of 3 runs; a first query builds a per-column index. The method, and the command to run it yourself.

  • 4,939 tests across 582 files
  • 118/118 DataGrid features have a live, editable demo
  • 37 published releases
  • 12 locales, Arabic RTL included

하나의 코어, 여러 컴포넌트

프레임워크에 독립적인 코어가 고성능 데이터 컴포넌트 제품군을 구동합니다.

PivotGrid
사용 가능

PivotGrid

Web Worker 엔진, 계산 필드, 차트, 내보내기를 갖춘 고성능 피벗 테이블.

ReactBuilt for ReactJavaScriptPlain JavaScript, no framework required
문서 보기
DataGrid
사용 가능

DataGrid

빠른 가상화 데이터 그리드 — 정렬, 필터링, 그룹화, 인라인 편집.

ReactBuilt for ReactJavaScriptPlain JavaScript, no framework required
문서 보기

당신이 기대하는 모든 것

프레임워크에 구애받지 않는 코어.

웹 워커 엔진

엄청난 데이터셋에서도 UI를 매끄럽게 유지합니다.

계산된 필드

라이브 미리보기가 있는 안전한 수식 편집기.

차트

단일 속성으로 피벗 뷰를 차트와 동기화합니다.

고급 필터링

사전 필터 작성기 및 헤더 필터.

내보내기

Excel 및 PDF 내보내기를 지원합니다.

12개 언어 지원

RTL을 포함한 로컬라이제이션 기능이 기본 제공됩니다.

그리드를 제품에 맞게

36가지 라이트·다크 색상 스킴 중에서 고르거나 테마 빌더에서 직접 만드세요. 실제 DataGrid와 PivotGrid에서 원하는 색을 바꾸고, 대비를 바로 확인하고, 스타일시트를 내보낼 수 있습니다. React와 순수 JavaScript용, 무료.

테마 빌더 열기

Questions people ask first

Is it really free?

The Community edition is, for both components: 70 of the 118 DataGrid features and 52 of the 67 PivotGrid features work with no licence key, no watermark and no expiry, and commercial use is included. Editing a cell in place is included. Paid tiers add batch and form editing with validation and undo, grouping on the server, styled Excel and PDF export, charts and multi-level grouping.

Is it open source?

No. Community is free of charge but proprietary — the source is not distributed. If an OSI-approved licence is a requirement for you, this is the wrong library and it is better to know now.

Which frameworks are supported?

React 18+ and plain JavaScript with no framework at all. The JavaScript renderer has full feature parity, enforced in CI, and ships a UMD build so a script tag is a complete install. Angular and Vue are not supported today.

How fast is it, really?

At 1,000,000 rows by 9 columns, on the code path the worker runs, median of 3 runs: numeric sort 101 ms, text sort 90 ms cached (1.8 s on the first query, which builds a sort index), equality filter 18 ms, free-text search 65 ms cached (413 ms on the first query). The performance page publishes the method and the command so you can run it on your own machine.

Do I need to configure a Web Worker?

No. The worker is compiled into the package and started from a Blob URL, so there is no file to copy into public/, no bundler recipe and nothing to import. Vite, webpack, Next.js and Parcel all work as they are — and so does no bundler at all.

One licence covers both components?

Yes. A paid key unlocks the Enterprise features of DataGrid and PivotGrid together. There is no second purchase and no second key.

What happens when my subscription ends?

You keep the last version you paid for, and applications already shipped with it stay licensed and keep working. You stop receiving new versions and support. Nothing you have deployed starts showing a watermark.

Can I try it before buying?

Install the Community edition and build with it for as long as you like — it is not a trial. The paid features have live, editable demos in the playground, and the enterprise guides show the configuration. There is no time-limited trial key; instead, every purchase can be refunded in full within 14 days, for any reason.

실제 데이터 처리 확인

브라우저에서 직접 데이터를 분석하세요.