The Simple Data Grid

Powerful, Multi-Framework and Production-Ready

A highly customizable data grid for React, Vue, Angular, Svelte, Solid, and vanilla TypeScript. Ship faster with 30+ features in a tiny, lightweight package.

StackBlitz

Theme:

Modern Dark

Icons:

Default Simple Table

Loading infrastructure data...

Trusted by teams at

"It's a great fit for table-heavy products like ours. It's affordable, lightweight, feature-rich, and easy to customize."
ChartMetric
Music Analytics Platform

$19K+

First-year savings vs AG Grid

99%

Customization needs met

Highly Responsive

Support & bug fixes

Featured On

Awesome React ComponentsCurated list of React components & libraries

Full-Featured Data Grid Component

Make your data handling look professional. Here's what our component brings to your projects

Core Data Grid Features

Get started with essential data grid functions out of the box. Simple Table provides all the tools you need to render, navigate, and interact with data.

Column Sorting & Filtering

In-line Cell Editing

Column Reordering

Column Visibility Toggle

Advanced Column Management

Complete control over your columns. Resize, reorder, pin, hide, and customize columns with intuitive drag-and-drop controls.

Column Resizing

Adjust widths with min/max constraints

Drag & Drop Reordering

Smooth animations and intuitive UX

Pin to Left/Right

Lock important columns while scrolling

Show/Hide Columns

Dynamic visibility with state management

Content Alignment

Left, center, or right alignment

Nested Headers

Hierarchical column structures

Customizable Style & Theming

Build the exact interface you need. Add custom components, adjust theming, or create entirely custom control panels that fit your workflow.

Multiple Built-in Themes

Professional themes ready to use

CSS Variable Customization

Adjust colors and spacing to your brand

Custom Icons

Replace default icons with your own

Custom Cell Renderers

Full control over cell display

Header Renderers

Customize column headers

Theme Builder Tool

Visual theme customization

High Performance Data Grid

Handle large datasets without the lag. Optimized rendering ensures smooth scrolling and fast loading, even with thousands of rows.

Virtual Scrolling

Renders only visible rows for optimal performance

Tiny Bundle Size

Only 62.4 kB - won't bloat your app

Fast Rendering

Optimized for large datasets

Responsive & Mobile-Optimized

Works seamlessly across all devices and screen sizes. Your data grids look professional whether users are on desktop, tablet, or mobile.

Mobile-first responsive design

Touch-friendly interactions

Explore 30+ Features

Built for Production Use

We're developers who needed a professional data grid solution. That's why we built Simple Table to be flexible, reliable, and actually enjoyable to work with.

Flexible

Work with TypeScript or JavaScript. Drop it in existing projects or start fresh with easy configuration.

Production-Ready

Battle-tested with comprehensive examples for React, Vue, Angular, Svelte, Solid, and vanilla TypeScript so you can ship faster.

Browser Compatible

Consistent performance across major browsers: Chrome, Firefox, Edge, Safari, and Opera.

Developer Friendly Docs

Clear structure, detailed usage guides and interactive examples for easy copy-paste code.

Continuous Updates

Regular updates with new features and enhancements to keep the library current and robust.

Dedicated Support

Your feedback is important to us. Get timely technical support for your use cases.

Get Full Integration In Minutes

Works with React, Vue, Angular, Svelte, Solid, and vanilla TypeScript. Simple Table fits right into your React project.

# Install via npm

npm install @simple-table/react

# Or via yarn

yarn add @simple-table/react

How We Compare

See how Simple Table stacks up against other popular data grid solutions. We're the lightweight, free alternative to expensive enterprise solutions, with official adapters for React, Vue, Angular, Svelte, Solid, and vanilla TypeScript.

vs AG Grid

Compare our lightweight solution against AG Grid's enterprise features and pricing

Read comparison →

vs Handsontable

See how we match up to Handsontable's spreadsheet-like functionality

Read comparison →

vs Material-UI Table

Discover the benefits over Material-UI's basic table component

Read comparison →

vs Ant Design Table

Compare with Ant Design's table component for feature-rich applications

Read comparison →

vs TanStack Table

See how our ready-to-use solution compares to TanStack's headless approach

Read comparison →

Frequently Asked Questions

Everything you need to know about Simple Table

Getting Started

What is Simple Table?

Simple Table is a lightweight JavaScript data grid library (only 62.4 kB) with adapters for React, Vue, Angular, Svelte, Solid, and vanilla TypeScript. It provides 30+ features including cell editing, column management, sorting, filtering, row grouping, and full TypeScript support. Perfect for dashboards, admin panels, and data-heavy applications in any framework.

How do I install and get started?

Install via npm with your framework adapter, e.g. 'npm install @simple-table/react' (or @simple-table/vue, etc.). Define your columns and data, and you're ready to go. Our Quick Start guide has you up and running in any framework in under 5 minutes.

Does Simple Table support TypeScript?

Yes! Simple Table is built with TypeScript and includes comprehensive type definitions out of the box. You get full autocomplete, type checking, and IntelliSense support, making development faster and reducing bugs.

Which frameworks and versions are supported?

Simple Table supports React (16.8+, 18, 19), Vue 3, Angular 16+, Svelte 4+, Solid, and vanilla TypeScript. It works with Next.js, Nuxt, Analog, SvelteKit, SolidStart, and any modern bundler (Vite, Webpack, Rollup). You can also use it without a framework at all — just plain TypeScript or JavaScript.

Features & Capabilities

What features does Simple Table include?

Simple Table includes 30+ features: cell editing with validation, column resizing/reordering/pinning/filtering/sorting, row selection and grouping, pagination and infinite scroll, nested headers, custom cell and header renderers, live data updates, aggregate functions, keyboard navigation, multiple built-in themes, and full customization via CSS variables. Check our documentation for the complete feature list.

How does it perform with large datasets?

Simple Table uses virtual scrolling to render only visible rows, allowing smooth performance with 100,000+ rows. The tiny 62.4 kB bundle size means fast initial load times. We've optimized rendering, sorting, and filtering to handle enterprise-scale data without lag or memory issues.

Is it mobile responsive?

Yes! Simple Table is fully responsive with mobile-first design. It automatically adapts to different screen sizes with touch-friendly interactions, horizontal scrolling for wide tables, and optimized rendering for mobile devices. Your data grids work seamlessly on desktop, tablet, and mobile.

Can I customize the look and feel?

Absolutely! Choose from multiple built-in themes (including dark mode), customize via CSS variables for colors/spacing/fonts, replace icons with your own, create custom cell and header renderers, or build a completely custom theme. We also provide a Theme Builder tool for visual customization.

Comparisons & Migration

How does Simple Table compare to AG Grid?

Simple Table is much lighter (62.4 kB vs 529.1 kB) and completely free for most use cases. While AG Grid has more enterprise features, Simple Table provides all essential data grid functionality (editing, sorting, filtering, grouping, custom renderers) without licensing costs or bundle bloat. Perfect for teams who need 90% of the features at 1% of the size and cost.

How does it compare to TanStack Table?

TanStack Table is a headless library requiring you to build the UI layer yourself. Simple Table is a complete, ready-to-use component with built-in styling, themes, and interactions. Both support multiple frameworks, but Simple Table ships a working grid out of the box. If you need a table running today (not in 2 weeks), Simple Table is the faster choice.

What about Material-UI or Ant Design tables?

Simple Table offers significantly more features than MUI or Ant Design's basic tables (column pinning, row grouping, inline editing, advanced filtering). Official adapters cover React, Vue, Angular, Svelte, Solid, and vanilla TypeScript, so the same grid can land in more than one frontend stack. Plus, our 62.4 kB bundle won't add the overhead of entire UI libraries.

Can I migrate from another data grid library?

Yes! Our API is intuitive and similar to other popular data grids. Most migrations take 1-2 hours. We provide migration guides for AG Grid, TanStack Table, and other common libraries. The column definition format is straightforward, making the switch smooth.

Pricing & Support

Is Simple Table free to use?

Yes! Simple Table is completely free for pre-revenue startups, side projects, and bootstrapped companies. For revenue-generating businesses, we offer affordable commercial licenses starting at just a fraction of AG Grid's enterprise pricing. Check our pricing page for details.

Is it production-ready and actively maintained?

Absolutely! Simple Table is battle-tested in production by companies across multiple industries. We ship regular updates with new features, performance improvements, and bug fixes. The library is actively maintained with responsive support and a growing community.

What kind of support do you offer?

We provide comprehensive documentation with interactive examples, GitHub discussions for community support, and dedicated email support for commercial license holders. Most questions are answered within 24 hours. We also take feature requests seriously and implement the most valuable ones.

Where can I find documentation and examples?

Our documentation includes detailed guides for every feature, interactive live demos you can edit in your browser, real-world examples (billing, HR, infrastructure, manufacturing, sales), code snippets ready to copy-paste, and a complete API reference. Everything you need to succeed is here.