React integration
Install line, peers, styles, and a minimal import for React. Live docs demos open in StackBlitz in one click—no local clone required.
Why Simple Table on React
Ship a typed React data grid with minimal ceremony: one package, one stylesheet import, and the same feature set as every other Simple Table stack. Ideal when you want batteries-included UI without hand-rolling virtualization and keyboard behavior.
Install
Peer expectations: React 18+
npm install @simple-table/reactStyles
Import the published stylesheet once in your app entry (or a layout component).
import "@simple-table/react/styles.css";Minimal import surface
import { SimpleTable } from "@simple-table/react";
import "@simple-table/react/styles.css";Documentation demos include Open in StackBlitz so you can run and edit a full React project in the browser. Start with the quick-start sandbox below.
Simple Table vs other React data grids
A React data grid that ships virtualization, pinning, grouping, and inline editing for free under MIT—no AG Grid Enterprise license, no TanStack-style headless wiring.
If you have evaluated any of the libraries below, Simple Table is a drop-in MIT alternative that ships virtualization, pinning, grouping, and inline editing without a Pro license:
- AG Grid React alternative
- TanStack Table alternative
- MUI X Data Grid alternative
- Material React Table alternative
- react-data-grid alternative
- Handsontable React alternative
- Kendo React Grid alternative
FAQ
- Which React versions are supported?
- Use React 18 or newer with @simple-table/react. Peer expectations are listed in the Install section above.
- Is this the same grid as the React package?
- Yes. Every adapter wraps the same simple-table-core engine, so features like sorting, editing, column APIs, and themes behave consistently. You choose the npm package that matches your framework.
- Where can I run a full example without cloning the repo?
- Use the StackBlitz quick start from this hub, or open documentation demos—many include “Open in StackBlitz” for a runnable project in the browser.
- Is there a deeper guide for this stack?
- Read the stack-specific pillar guide at https://www.simple-table.com/blog/best-free-react-data-grid-2026 for install context, patterns, and links back to this hub.