@simple-table/vue

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:

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 Simple Table Community License for zero-revenue companies only. If your company generates revenue, use Pro or Enterprise.

PRO - For Growing Businesses

$85/month or $850/year

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

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: Simple Table Community License (source-available) 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