Renderer
React data grid
The React Data Grid for complex, data-heavy apps
Fast virtual scrolling, inline editing, custom React cell renderers, and TypeScript-first APIs for dashboards, admin tools, and production SaaS.
npm i @revolist/react-datagridMarket Data · RevoGrid
Trusted by thousands of teams building critical data products
Companies using RevoGrid
React grid capabilities
Everything React teams need in a data grid
RevoGrid keeps large React data surfaces fast while giving developers direct control over cells, editors, events, and state synchronization.
Virtual scroll at scale
Render large row sets smoothly without asking React to reconcile every visible cell during scroll.
Spreadsheet-grade editing
Inline editing, keyboard navigation, range selection, and lifecycle events are built into the core grid.
React cell renderers
Wrap existing React components with Template(Component) for badges, controls, status chips, and custom cell UI.
Custom React editors
Register React editors with Editor(Component), then attach them to editable columns by name.
TypeScript APIs
Type rows, columns, renderer props, editors, refs, and edit events from the React package.
Production licensing
Start with the MIT core, then add Pro licensing per developer when your app needs advanced modules.
React quick start
A working React grid in one component
Install the React package, keep columns and source stable, then add renderers, editors, and edit events as your product grows.
When your React grid grows
Add advanced modules without replacing the grid
Start with the fast React data grid core, then add commercial workflows when users need more than a table.
▶✕
Pivot analytics Pro Advanced
Turn React grid data into grouped, aggregated reporting views without embedding a separate BI surface.
Learn more
▶✕
Gantt planning Pro Advanced
Build project and resource planning screens with scheduling logic, dependencies, and grid-native editing.
Learn more
▶✕
Spreadsheet workflows Pro
Add formulas, copy/paste, validation, history, and Excel-style workflows to React data products.
Learn moreReact data grid comparison
Pick the grid that matches your React workload
RevoGrid is strongest when your React app needs fast scrolling, editing, custom cells, and a clear commercial upgrade path.
| Capability | TanStack Table | RevoGrid | MUI X | AG Grid React |
|---|---|---|---|---|
| Virtualized data grid | custom implementation | built in | built in | built in |
| Inline editing | custom implementation | built in | ± | built in |
| Custom React cells | ✓ | ✓ | ✓ | ✓ |
| Time to first grid | medium | Minutes | Minutes | medium |
| Open-source core | ✓ | ✓ | ✓ | ✓ |
| Production SaaS licensing | not applicable | per-developer Pro plans | per-developer paid tiers | Enterprise license |
| Advanced modules | × | Pro plans | paid tiers | Enterprise modules |
FAQ
React data grid questions
Yes. RevoGrid depends on browser APIs, so render the grid in a client component or dynamically load it on the client while keeping surrounding page copy server-rendered.
Yes. The React package exports RevoGrid, Template, Editor, and core RevoGrid types so columns, rows, editors, and event handlers can be typed.
Yes. Wrap a React component with Template(Component) and assign it to a column's cellTemplate property.
RevoGrid is a strong fit when React teams need virtual scrolling, inline editing, custom React cells, TypeScript, clear licensing, and Pro MCP context for coding agents.
Yes. The MIT-licensed Open Source plan can be used in production, including commercial applications, subject to the documented attribution requirements.
Pro Lite covers one product or app and includes typed Pro packages through private npm. Pro Advanced adds unlimited product usage, original private source repository access, Pivot, Gantt, Scheduler, and priority support.
Yes. Request a 30-day trial for approved private npm access. The public trial repository is boilerplate for evaluation setup; it does not contain the Pro packages.
Build a faster React data grid with RevoGrid.
Start with the open-source React package, then upgrade when your product needs Pro modules, support, and production workflows.
Open-source core. Pro Lite: $149/year sale ($199 regular). Pro Advanced: $499/year. Per-developer licensing. No deployment counting.