How do I install Simple Table?

Install Simple Table with your framework adapter, e.g. 'npm install @simple-table/react' (or @simple-table/vue, @simple-table/angular, etc.). The library is ready to use with minimal configuration in any supported framework.

Star us!

Big grid energy. Featherweight build.

Q: What is Simple Table?

Simple Table is a lightweight JavaScript data grid and table library that's only 84.6 kB in size. It works with React, Vue, Angular, Svelte, Solid, and vanilla JavaScript or TypeScript (simple-table-core), providing comprehensive features like cell editing, column management, sorting, filtering, and full TypeScript support.

Q: How does Simple Table compare to AG Grid?

Simple Table is a free alternative to AG Grid that's much lighter (84.6 kB vs 665.4 kB). While AG Grid has more enterprise features, Simple Table provides all the essential functionality most developers need for data grids, including cell editing, column management, sorting, filtering, and theming, without the licensing costs.

Q: Is Simple Table free to use?

Yes, Simple Table is completely free for pre-revenue and bootstrapped projects. For revenue-generating businesses, affordable paid plans are available. You can install it via npm and start building data grids immediately.

Q: Does Simple Table support TypeScript?

Yes, Simple Table has full TypeScript support with comprehensive type definitions. This provides excellent developer experience with autocomplete, type checking, and IntelliSense support in your IDE.

Q: What features does Simple Table include?

Simple Table includes cell editing, column management (resizing, reordering, pinning, visibility), row grouping, pivot tables, pagination, sorting, filtering, custom themes, nested headers, custom renderers, and responsive design. It's designed to handle large datasets efficiently.

A lightweight data grid packed with 30+ features, dropped into React, Vue, Angular, Svelte, Solid, or vanilla TypeScript in minutes — backed by support that actually replies.

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

100%

Customization needs met

<24h

Response time for support & bug fixes

Featured on Awesome React Components

Full-Featured Data Grid Component

30+ features in the box, so you can stop gluing libraries together.

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

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

Animations

Smooth transitions on sort, reorder, and visibility changes

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 84.6 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 Every Feature

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

Real humans, fast replies. Ask a question and actually get an answer.

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. Free for startups and side projects, a fraction of enterprise pricing for everyone else, 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 AG Grid (Angular)

AG Grid Enterprise pricing and features vs Simple Table for Angular apps

Read comparison →

vs Handsontable

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

Read comparison →

vs TanStack Table

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

Read comparison →

vs Material React Table

Discover the benefits over Material React Table and the MUI stack

Read comparison →

vs Ant Design Table

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

Read comparison →

vs Syncfusion

Enterprise Syncfusion DataGrid pricing and bundle size vs Simple Table

Read comparison →

vs Tabulator

Tabulator vs Simple Table for React-first JavaScript data grids

Read comparison →

vs Tabulator (Vanilla)

Vanilla JS Tabulator vs Simple Table Core for framework-free apps

Read comparison →

vs Vuetify Data Table

Vuetify's data table vs Simple Table for Vue 3 applications

Read comparison →

vs PrimeVue DataTable

PrimeVue DataTable vs Simple Table for Vue data-heavy UIs

Read comparison →

vs PrimeNG Table

PrimeNG Table vs Simple Table for Angular enterprise apps

Read comparison →

vs ngx-datatable

ngx-datatable vs Simple Table for Angular grids

Read comparison →

vs Svelte Headless Table

Headless Svelte tables vs Simple Table's batteries-included adapter

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 84.6 kB) with adapters for React, Vue, Angular, Svelte, Solid, and vanilla TypeScript. It provides cell editing, column management, sorting, filtering, row grouping, pivot tables, 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, pivot tables, 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 84.6 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 (84.6 kB vs 665.4 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 84.6 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.