@simple-table/vue
Simple Table for Vue
Simple Table is a lightweight Vue 3 data grid. Flat pricing (not per developer), backed by real-person support. Use Vue components for cells, headers, and footers.
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, andwatchwork the way you expect - Use Vue components for cell renderers, header renderers, footer renderers, and more
- Access the imperative
TableAPIvia 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 in ascending or descending order
- 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
- 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
- Nested Tables - Hierarchical data with independent columns per nesting level
- Aggregate Functions - Calculate Sum, Average, Count, and more
- Pivot Tables - Matrix pivots with row/column dimensions, aggregations, and totals
- 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
- Value Formatter - Format cell values for display without changing the underlying data
- Chart Columns - Inline bar and line/area charts in cells
- Cell Clicking - Handle cell click events with ease
Advanced Features
- Quick Filter - Global search across all columns with simple or smart modes
- Pagination - Server-side and client-side pagination support
- Infinite Scroll - Fetch and display data as you scroll, with row and column virtualization
- Live Updates - Real-time data updates and websocket integration
- CSV Export - One-click CSV download of grid data
- Animations - Smooth FLIP animations for sort, reorder, and visibility changes
- Header Renderer - Custom header rendering for advanced layouts
- Footer Renderer - Custom footer rendering for summaries and controls
- Programmatic Control - Control sorting, filtering, selection, and more via the TableAPI
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
The library is free under the MIT license. Anyone can use it, including companies. Pay only if you want support.
FREE
$0
The full library, MIT licensed. Use it in any product, including at a company that makes money.
PRO
$850/month
Support and bug fixes. The license stays MIT. You are paying for help, not for permission to use the library.
ENTERPRISE
Contact us
Custom help, depending on what you need.
Community & Support
Join our growing community to ask questions or share feedback:
- Discord: Join us on Discord
- GitHub: Report bugs or suggest features
License
MIT License
Simple Table is MIT licensed. Anyone can use, modify, and distribute it, including companies. See LICENSE.
Paid plans are for support, not a separate software license. Support terms are in EULA.txt.
Related Packages
Vue3 Datatable - fully customizable & easy to use datatable library
- 💚 Nuxt 3 - Compatible with Nuxt 3 - 🍞 BUN - A fast JavaScript all-in-one too...
Version History
| Version | Released | License |
|---|---|---|
| 4.3.2 | MIT | |
| 4.3.1 | Community | |
| 4.3.0 | Community | |
| 4.2.9 | Community | |
| 4.2.8 | Community | |
| 4.2.7 | Community | |
| 4.2.4 | Community | |
| 4.2.3 | Community | |
| 4.2.2 | Community | |
| 4.2.1 | Community | |
| 4.2.0 | Community | |
| 4.1.9 | Community | |
| 4.1.8 | Community | |
| 4.1.7 | Community | |
| 4.1.6 | Community | |
| 4.1.5 | Community | |
| 4.1.4 | Community | |
| 4.1.3 | Community | |
| 4.1.2 | Community | |
| 4.1.1 | Community | |
| 4.1.0 | Community | |
| 4.0.9 | Community | |
| 4.0.8 | Community | |
| 4.0.7 | Community | |
| 4.0.6 | Community | |
| 4.0.5 | Community | |
| 4.0.4 | Community | |
| 4.0.3 | Community | |
| 4.0.2 | Community | |
| 4.0.1 | Community |
Showing the latest 30 of 82. See every release on npm
Pre-releases (14)
| Version | Released | License |
|---|---|---|
| 3.0.0-beta.26 | MIT | |
| 3.0.0-beta.25 | MIT | |
| 3.0.0-beta.24 | MIT | |
| 3.0.0-beta.23 | MIT | |
| 3.0.0-beta.19 | MIT | |
| 3.0.0-beta.18 | MIT | |
| 3.0.0-beta.16 | MIT | |
| 3.0.0-beta.15 | MIT | |
| 3.0.0-beta.14 | MIT | |
| 3.0.0-beta.12 | MIT | |
| 3.0.0-beta.11 | MIT | |
| 3.0.0-beta.10 | MIT | |
| 3.0.0-beta.9 | MIT | |
| 3.0.0-beta.8 | MIT |