v1.0 · JavaScript data grid · zero dependencies

A spreadsheet-grade data grid for the web

Sorting, inline editing, grouped headers, fixed panes, drag-to-resize and live calculated columns — in one drop-in control that speaks plain JSON.

◆ No framework required ◆ ~40 KB minified ◆ Works with any backend
doogrid.dev/demo
Real grid, real data — drag a column edge to resize, drag a header to reorder, double-click a cell to edit. Open in a new tab →

Everything a data-heavy app needs

Built as a single vanilla-JS control, so it drops into any stack without a build step or framework wrapper.

▦

Grouped headers & fixed panes

Multi-row header trees with a fixed column area that stays put while the rest scrolls horizontally.

✎

Inline editing

Type-aware editors, dropdowns, custom edit dialogs and per-cell validation — all opt-in per field.

↔

Drag to resize & reorder

Grab the edge of any header to resize, or drag a column onto a neighbour to reorder and regroup.

∑

Calculated columns

Declare a formula once; values recompute live as the fields they depend on change.

◐

Themes via CSS variables

Ship classic, blue, dark or your own brand skin by overriding a handful of custom properties.

⇄

Backend agnostic

Rows in, rows out. Change sets let you diff added / updated / deleted records server-side.

Simple pricing, no seat traps

One-time licenses with perpetual usage rights. Every plan includes the full grid — plans differ by project count and support.

Free

Evaluate the grid on a real project.

$0
free forever
  • 1 project
  • All grid features in development
  • Community support
  • Source available on npm
Start free

Team

For product teams shipping multiple apps.

$299USD
one-time · perpetual license
  • Unlimited projects
  • Lifetime updates
  • Priority support
  • 10 developer seats
  • Invoice & purchase order

Payments are processed by Creem. Prices exclude local taxes.