React Data Grid — 1,000,000 rows without freezing the UI

Опубликовано: 02 Октябрь 2026
на канале: KanuniLabs
63
5

Sorting, filtering, grouping and scrolling a million rows in a React data grid — with the interface staying responsive the whole time. The heavy work runs in a Web Worker, off the main thread.

Try it in your own browser, no signup:
kanunilabs.com/playground/datagrid

── Zero configuration ──
npm i @kanunilabs/datagrid-react

That's the entire setup. The Web Worker is compiled into the package and started from a Blob URL, so there is no bundler recipe, no file to copy into /public and no workerUrl prop. Vite, webpack, Next.js and Parcel all just work.

── Free tier, no licence key ──
The Community tier ships production-ready and costs nothing: virtual scrolling, filtering, grouping with summaries, pinned columns, keyboard navigation, CSV export, saved views, 6 themes, 12 locales with full RTL, and TypeScript types in the box. No key, no watermark.

── Enterprise adds ──
Inline editing with validation and undo/redo, range selection with a fill handle, multi-level grouping, master-detail, tree data, charts, and styled Excel/PDF export. One licence key covers both KanuniLabs components.

── Links ──
Playground: kanunilabs.com/playground/datagrid
Docs: kanunilabs.com/docs
Pricing: kanunilabs.com/pricing
Issues & release notes: github.com/kanunilabsdev/support

#React #DataGrid #WebPerformance #JavaScript #TypeScript #FrontEnd #WebWorker #WebDevelopment #ReactJS