Svelte integration
Install line, peers, styles, and a minimal import for Svelte. Live docs demos open in StackBlitz in one click—no local clone required.
Why Simple Table on Svelte
Use a Svelte-native component that fits stores, runes, or SvelteKit layouts. Same core as React and Vue, so migrating prototypes between stacks is straightforward.
Install
Peer expectations: Svelte 4+
npm install @simple-table/svelteStyles
Import the published stylesheet once in your app entry (or a layout component).
import "@simple-table/svelte/styles.css";Minimal import surface
import { SimpleTable } from "@simple-table/svelte";
import "@simple-table/svelte/styles.css";Documentation demos include Open in StackBlitz so you can run and edit a full Svelte project in the browser. Start with the quick-start sandbox below.
Simple Table vs other Svelte data grids
A Svelte / SvelteKit data table with virtualization, pinning, grouping, and inline editing—free under MIT, the only batteries-included option vs. svelte-headless-table.
If you have evaluated any of the libraries below, Simple Table is a drop-in MIT alternative that ships virtualization, pinning, grouping, and inline editing without a Pro license:
- svelte-headless-table alternative
- SVAR DataGrid alternative
- Flowbite-Svelte Table alternative
- Carbon Components Svelte DataTable alternative
- Skeleton Table alternative
FAQ
- SvelteKit vs Svelte—any difference for setup?
- The adapter is the same. Import styles once in your root layout or main entry. Use the SvelteKit pillar guide for app-shell conventions.
- Is this the same grid as the React package?
- Yes. Every adapter wraps the same simple-table-core engine, so features like sorting, editing, column APIs, and themes behave consistently. You choose the npm package that matches your framework.
- Where can I run a full example without cloning the repo?
- Use the StackBlitz quick start from this hub, or open documentation demos—many include “Open in StackBlitz” for a runnable project in the browser.
- Is there a deeper guide for this stack?
- Read the stack-specific pillar guide at https://www.simple-table.com/blog/sveltekit-data-table-simple-table for install context, patterns, and links back to this hub.