# Simple Table for Svelte [![npm version](https://img.shields.io/npm/v/@simple-table/svelte.svg)](https://www.npmjs.com/package/@simple-table/svelte) [![npm downloads](https://img.shields.io/npm/dm/@simple-table/svelte.svg)](https://www.npmjs.com/package/@simple-table/svelte) [![GitHub stars](https://img.shields.io/github/stars/petera2c/simple-table.svg)](https://github.com/petera2c/simple-table) [![License](https://img.shields.io/npm/l/@simple-table/svelte.svg)](LICENSE) **Simple Table** is the Svelte data grid and Svelte table component for fast UIs: Svelte 5+, reactive components, idiomatic templates, and full Svelte 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 data-heavy Svelte apps.
Simple Table Infrastructure Dashboard
## Framework Support Simple Table is available for the most popular frameworks: | Framework | Package | Version | | -------------- | ------------------------------------------------------------------------------ | --------------------------------------------------------------------------------------------------------------------- | | **Vanilla JS** | [`simple-table-core`](https://www.npmjs.com/package/simple-table-core) | [![npm](https://img.shields.io/npm/v/simple-table-core.svg)](https://www.npmjs.com/package/simple-table-core) | | **React** | [`@simple-table/react`](https://www.npmjs.com/package/@simple-table/react) | [![npm](https://img.shields.io/npm/v/@simple-table/react.svg)](https://www.npmjs.com/package/@simple-table/react) | | **Vue 3** | [`@simple-table/vue`](https://www.npmjs.com/package/@simple-table/vue) | [![npm](https://img.shields.io/npm/v/@simple-table/vue.svg)](https://www.npmjs.com/package/@simple-table/vue) | | **Svelte** | [`@simple-table/svelte`](https://www.npmjs.com/package/@simple-table/svelte) | [![npm](https://img.shields.io/npm/v/@simple-table/svelte.svg)](https://www.npmjs.com/package/@simple-table/svelte) | | **Solid** | [`@simple-table/solid`](https://www.npmjs.com/package/@simple-table/solid) | [![npm](https://img.shields.io/npm/v/@simple-table/solid.svg)](https://www.npmjs.com/package/@simple-table/solid) | | **Angular** | [`@simple-table/angular`](https://www.npmjs.com/package/@simple-table/angular) | [![npm](https://img.shields.io/npm/v/@simple-table/angular.svg)](https://www.npmjs.com/package/@simple-table/angular) | ## Quick Start ```bash npm install @simple-table/svelte ``` **Peer dependencies:** `svelte >=5.0.0` (runes + SvelteKit supported) **[Follow our Quick Start Guide](https://www.simple-table.com/docs/quick-start)** for step-by-step instructions and live examples. ## Building with Svelte - Works with Svelte 5 (runes); SvelteKit is fully supported - Use Svelte components for cell renderers, header renderers, footer renderers, and more - Access the imperative `TableAPI` via `bind:this` for sorting, filtering, pagination, export, and more - Types and APIs are exported from this package ## Features ### Column Features - **[Column Sorting](https://www.simple-table.com/docs/column-sorting)** - Sort data by any column in ascending or descending order - **[Column Filtering](https://www.simple-table.com/docs/column-filtering)** - Filter data with built-in text, number, and date filters - **[Column Resizing](https://www.simple-table.com/docs/column-resizing)** - Drag column borders to resize on the fly - **[Column Pinning](https://www.simple-table.com/docs/column-pinning)** - Pin important columns to the left or right - **[Column Reordering](https://www.simple-table.com/docs/column-reordering)** - Drag and drop columns to rearrange - **[Column Visibility](https://www.simple-table.com/docs/column-visibility)** - Show or hide columns dynamically - **[Column Alignment](https://www.simple-table.com/docs/column-alignment)** - Align content left, center, or right - **[Column Selection](https://www.simple-table.com/docs/column-selection)** - Select entire columns for bulk operations - **[Nested Headers](https://www.simple-table.com/docs/nested-headers)** - Create multi-level header hierarchies - **[Collapsible Columns](https://www.simple-table.com/docs/collapsible-columns)** - Expand and collapse column groups ### Row Features - **[Row Selection](https://www.simple-table.com/docs/row-selection)** - Select single or multiple rows with checkboxes - **[Row Grouping](https://www.simple-table.com/docs/row-grouping)** - Group and organize rows by any column - **[Nested Tables](https://www.simple-table.com/docs/nested-tables)** - Hierarchical data with independent columns per nesting level - **[Aggregate Functions](https://www.simple-table.com/docs/aggregate-functions)** - Calculate Sum, Average, Count, and more - **[Pivot Tables](https://www.simple-table.com/docs/pivot)** - Matrix pivots with row/column dimensions, aggregations, and totals - **[Row Height](https://www.simple-table.com/docs/row-height)** - Customize row height for optimal display ### Cell Features - **[Cell Editing](https://www.simple-table.com/docs/cell-editing)** - Edit cells inline with custom editors - **[Cell Highlighting](https://www.simple-table.com/docs/cell-highlighting)** - Highlight cells based on conditions - **[Cell Renderer](https://www.simple-table.com/docs/cell-renderer)** - Custom cell rendering for any data type - **[Value Formatter](https://www.simple-table.com/docs/value-formatter)** - Format cell values for display without changing the underlying data - **[Chart Columns](https://www.simple-table.com/docs/chart-columns)** - Inline bar and line/area charts in cells - **[Cell Clicking](https://www.simple-table.com/docs/cell-clicking)** - Handle cell click events with ease ### Advanced Features - **[Quick Filter](https://www.simple-table.com/docs/quick-filter)** - Global search across all columns with simple or smart modes - **[Pagination](https://www.simple-table.com/docs/pagination)** - Server-side and client-side pagination support - **[Infinite Scroll](https://www.simple-table.com/docs/infinite-scroll)** - Fetch and display data as you scroll, with row and column virtualization - **[Live Updates](https://www.simple-table.com/docs/live-updates)** - Real-time data updates and websocket integration - **[CSV Export](https://www.simple-table.com/docs/csv-export)** - One-click CSV download of grid data - **[Animations](https://www.simple-table.com/docs/animations)** - Smooth FLIP animations for sort, reorder, and visibility changes - **[Header Renderer](https://www.simple-table.com/docs/header-renderer)** - Custom header rendering for advanced layouts - **[Footer Renderer](https://www.simple-table.com/docs/footer-renderer)** - Custom footer rendering for summaries and controls - **[Programmatic Control](https://www.simple-table.com/docs/programmatic-control)** - Control sorting, filtering, selection, and more via the TableAPI ### Customization - **[Themes](https://www.simple-table.com/docs/themes)** - Apply built-in themes or create your own - **[Custom Icons](https://www.simple-table.com/docs/custom-icons)** - Replace default icons with your own ## Examples See Simple Table in action across different industries:
**[CRM Leads](https://www.simple-table.com/examples/crm)**

[CRM Leads](https://www.simple-table.com/examples/crm) **[Infrastructure](https://www.simple-table.com/examples/infrastructure)** [Infrastructure Dashboard](https://www.simple-table.com/examples/infrastructure)

**[HR Dashboard](https://www.simple-table.com/examples/hr)** [HR Dashboard](https://www.simple-table.com/examples/hr)

**[Manufacturing](https://www.simple-table.com/examples/manufacturing)** [Manufacturing Dashboard](https://www.simple-table.com/examples/manufacturing)
## Resources - **Website**: [simple-table.com](https://www.simple-table.com/) - **Documentation**: [Complete Documentation](https://www.simple-table.com/docs/installation) ## Pricing Simple, transparent pricing that never changes based on your revenue or team size: ### FREE - For Individuals & Startups **$0/forever** Free for side projects and companies that aren't making money yet. You get the full library — same features as Pro. Once your company earns revenue, switch to Pro or Enterprise. ### PRO - For Growing Businesses **$85/month** or **$850/year** For companies that make money. Priority email and Discord support, help with production bugs, and a commercial license. One license covers your whole product — no per-seat fees. ### ENTERPRISE - For teams that need hands-on support **Contact us** Direct access to core developers and custom features. Same commercial license as Pro — one license per product, no seat fees. **[View Detailed Pricing](https://www.simple-table.com/pricing)** ## Community & Support Join our growing community to ask questions or share feedback: - **Discord**: [Join us on Discord](https://discord.gg/RvKHCfg3PC) - **GitHub**: [Report bugs or suggest features](https://github.com/petera2c/simple-table/issues) ## License **Dual Licensed:** - **Free Tier**: Simple Table Community License (source-available) for zero-revenue individuals, startups, and organizations — see [LICENSE](LICENSE) - **Pro and Enterprise**: Commercial EULA for revenue-generating companies — see [EULA.txt](../core/EULA.txt) By using Simple Table, you agree to the terms in [EULA.txt](../core/EULA.txt) where applicable. **[View Detailed Pricing & Licensing](https://www.simple-table.com/pricing)**