Simple Table for Vue

Simple Table is the Vue 3 data grid and Vue table component for modern SPAs: single-file components, Composition API-friendly usage, <script setup>, and full Vue component support for cell renderers, headers, and footers. It is a lightweight, high-performance data grid with a simple API, completely free features for qualifying use, and strong TypeScript typings for Vue 3 dashboards and admin panels.

Framework Support

Simple Table is available for the most popular frameworks:

| Framework | Package | Version | |-----------|---------|---------| | Vanilla JS | simple-table-core | | | React | @simple-table/react | | | Vue 3 | @simple-table/vue | | | Svelte | @simple-table/svelte | | | Solid | @simple-table/solid | | | Angular | @simple-table/angular | |

Quick Start

npm install @simple-table/vue

Peer dependencies: vue >=3.0.0 (works with Nuxt 3+ and Vite-based Vue apps)

Follow our Quick Start Guide for step-by-step instructions and live examples.

Building with Vue

• First-class <script setup> and Composition API ergonomics — ref, reactive, computed, and watch work the way you expect
• Use Vue components for cell renderers, header renderers, footer renderers, and more
• Access the imperative TableAPI via a template ref for sorting, filtering, pagination, export, and more
• Types and APIs are exported from this package; works with Vite, Nuxt 3+, and <script setup lang="ts">

Features

Column Features

• Column Sorting - Sort data by any column with single or multi-column support
• Column Filtering - Filter data with built-in text, number, and date filters
• Column Resizing - Drag column borders to resize on the fly
• Column Pinning - Pin important columns to the left or right
• Column Reordering - Drag and drop columns to rearrange
• Column Visibility - Show or hide columns dynamically
• Column Alignment - Align content left, center, or right
• Column Selection - Select entire columns for bulk operations
• Column Editing - Edit entire columns with custom editors
• Nested Headers - Create multi-level header hierarchies
• Collapsible Columns - Expand and collapse column groups

Row Features

• Row Selection - Select single or multiple rows with checkboxes
• Row Grouping - Group and organize rows by any column
• Aggregate Functions - Calculate Sum, Average, Count, and more
• Row Height - Customize row height for optimal display

Cell Features

• Cell Editing - Edit cells inline with custom editors
• Cell Highlighting - Highlight cells based on conditions
• Cell Renderer - Custom cell rendering for any data type
• Cell Clicking - Handle cell click events with ease

Advanced Features

• Pagination - Server-side and client-side pagination support
• Infinite Scroll - Fetch and display data as you scroll
• Live Updates - Real-time data updates and websocket integration
• Header Renderer - Custom header rendering for advanced layouts

Customization

• Themes - Apply built-in themes or create your own
• Custom Icons - Replace default icons with your own

Examples

See Simple Table in action across different industries:

CRM Leads

Infrastructure

HR Dashboard

Manufacturing

Resources

• Website: simple-table.com
• Documentation: Complete Documentation

Pricing

Simple, transparent pricing that never changes based on your revenue or team size:

FREE - For Individuals & Startups

$0/forever

For side projects and pre-revenue teams. Unlimited users per product license with full access to all core features, built-in themes, TypeScript support, and the MIT License for zero-revenue companies only. If your company generates revenue, use Pro or Enterprise.

PRO - For Growing Businesses

$85/month or $850/year (about 17% less than twelve monthly payments)

For revenue-generating companies: priority email and Discord support, bug support for production issues, and the commercial EULA. Unlimited users per product license.

ENTERPRISE - For teams that need hands-on support

$350/month or $3,500/year (about 17% less than twelve monthly payments)

Premium support with faster response times, direct access to core developers, feature request prioritization, and the commercial EULA. Unlimited users per product license.

View Detailed Pricing

Community & Support

Join our growing community to ask questions or share feedback:

• Discord: Join us on Discord
• GitHub: Report bugs or suggest features

License

Dual Licensed:

• Free Tier: MIT License for zero-revenue individuals, startups, and organizations — see LICENSE
• Pro and Enterprise: Commercial EULA for revenue-generating companies — see EULA.txt

By using Simple Table, you agree to the terms in EULA.txt where applicable.

View Detailed Pricing & Licensing