Skip to content
Svelte data grid

The Svelte Data Grid for complex, data-heavy apps

Fast virtual scrolling, inline editing, custom Svelte cell renderers, and TypeScript-friendly APIs for dashboards, admin tools, and production SaaS.

npm i @revolist/svelte-datagrid

Used by teams at companies including

Companies using RevoGrid

Everything Svelte teams need in a data grid

RevoGrid keeps large Svelte data surfaces fast while giving developers direct control over cell renderers, editors, events, and SvelteKit client rendering.

View docs
View docs
View docs
View docs
View docs
View docs
const plugins = [ EventManagerPlugin, FormulaPlugin, HistoryPlugin, MultiRangeSelectionPlugin, DataGridFormattingPlugin]rows[0].formula = '=C1*124'const formatting = { rowKeyProp: 'id', cells: [ { rowKey: 'SHEET-00002', prop: 'item', format: { appearance: { fillColor: '#fef3c7' } } }] }<RevoGrid source={rows} columns={columns} plugins={plugins} dataGridFormatting={formatting} dataGridContextMenu={{}} />

A working Svelte grid in one component

Install the Svelte package, pass typed columns and source data, then add renderers, editors, and edit events as your product grows.

install & usage

Add advanced modules without replacing the grid

Start with the fast Svelte data grid core, then add commercial workflows when users need more than a table.

Explore Pro features
Pivot analytics

Pivot analytics Pro Advanced

Turn Svelte grid data into grouped, aggregated reporting views without embedding a separate BI surface.

Learn more
Gantt planning

Gantt planning Pro Advanced

Build project and resource planning screens with scheduling logic, dependencies, and grid-native editing.

Learn more
Spreadsheet workflows

Spreadsheet workflows Pro

Add formulas, copy/paste, validation, history, and Excel-style workflows to Svelte data products.

Learn more

Svelte Data Grid vs TanStack Table, AG Grid JavaScript, and SVAR

RevoGrid is strongest when your Svelte app needs fast scrolling, editing, custom components, and a framework wrapper without building the grid shell yourself.

CapabilityTanStack TableRevoGridSVAR Svelte DataGridAG Grid JavaScript
Virtualized data gridcustom
Inline editingcustom
Custom Svelte cellscustom
Time to first gridmediumMinutesmediummedium
Open-source core±
Production SaaS licensingn/aperDeventerpriseenterprise
Advanced modules×✓ Pro

Svelte data grid questions

Yes. RevoGrid depends on browser APIs, so render the grid on the client side in SvelteKit while keeping surrounding page content server-rendered.

Yes. The current Svelte wrapper supports Svelte 5, while Svelte 4 users should use the documented Svelte 4 branch or an earlier compatible package version.

Yes. Wrap a Svelte component with Template(Component) and assign it to a column's cellTemplate property.

RevoGrid supports Svelte, React, Vue, Angular, JavaScript, and TypeScript-oriented projects, so teams can keep one grid model across multiple front-end stacks.

Yes. RevoGrid has typed APIs, framework examples, and Pro MCP access for teams that want Claude, ChatGPT, Cursor, Codex, or other coding agents to retrieve real grid context.

Yes. The MIT-licensed Open Source plan can be used in production, including commercial applications, subject to the documented attribution requirements.

Pro Lite covers one product or app and includes typed Pro packages through private npm. Pro Advanced adds unlimited product usage, original private source repository access, the JavaScript Pivot Table, Kanban, Gantt, Scheduler, and priority support.

Yes. Start the 30-day trial immediately from the public trial registry—no npm login or token, license key, form, or approval email is required. You can also clone and run the public starter right away.

Build a faster Svelte data grid with RevoGrid.

Start with the open-source Svelte package, then upgrade when your product needs Pro modules, support, and production workflows.

Open-source core. Pro Lite: $149/year sale ($199 regular). Pro Advanced: $375/year sale ($499 regular). Per-developer licensing. No deployment counting.