Svelte Data Grid | Svelte Table

A high-performance, enterprise-ready data grid for Svelte.

Svgrid is a modern data grid engine built specifically for Svelte applications. It is designed to handle large-scale datasets, complex interactions, and extensible UI systems while staying reactive, fast, and lightweight.

Inspired by enterprise-grade grids like AG Grid, but redesigned from the ground up for Svelte’s reactivity model.

🚧 In Active Development

Svgrid is currently under heavy development. APIs, architecture, and feature sets are evolving rapidly.

• Breaking changes
• Experimental APIs
• Rapid iteration

Modern applications don’t just display data — they interact with it at scale.

Svgrid is built for that reality:

• ⚡ High performance with large datasets
• 🧠 Reactive-first architecture (Svelte-native)
• 🧩 Fully extensible grid engine
• 🎯 Enterprise-grade interaction model
• 🔧 Modular system design (core + plugins)

Virtualization and rendering optimizations are built into the core — not added later.

The grid acts as a data processing engine, not just a UI component.

Built around Svelte’s reactivity system for minimal boilerplate and maximum clarity.

Every layer of the grid can be customized or replaced:

• Rendering
• Editing
• Filtering
• Selection logic

Svgrid is designed as a layered system:

• Data Engine — state, transformations, derived data
• Grid Core — layout, virtualization, interaction model
• Feature Modules — sorting, filtering, editing, selection
• Rendering Layer — Svelte-based cell rendering system

• High performance
• Predictable behavior
• Easy extensibility

• Virtual scrolling (rows + columns)
• Column definition system
• Row & cell selection models
• Keyboard navigation

• Multi-column sorting
• Filtering (built-in + custom)
• Inline editing system
• Reactive data binding

• Column resizing
• Column reordering
• Pinned rows & columns
• Responsive layout modes

• Custom cell renderers (Svelte components)
• Custom editors
• Plugin-based architecture (planned)

Svgrid is being built with:

• Svelte-first reactive architecture
• Fine-grained update system
• Minimal DOM re-renders
• Strong TypeScript integration
• Performance-aware rendering pipeline

Svgrid is designed to scale:

• 10k–100k+ rows smoothly
• Predictable rendering performance
• Low memory overhead under frequent updates
• Efficient interaction under heavy UI load

• Grid architecture
• Virtualization system
• Column model foundation

• Sorting & filtering
• Selection model
• Editing framework

• Plugin system
• Custom renderer pipeline
• Advanced layout controls

• Server-side data mode
• Grouping & aggregation
• Tree data structures
• Export/import system

Svgrid is early-stage and architecture-driven.

We welcome contributions in:

• Grid engine design
• Performance optimization
• Svelte rendering patterns
• Data modeling strategies
• UI interaction systems

MIT License (subject to finalization during development)

Svgrid is inspired by:

• AG Grid (enterprise grid systems)
• Modern reactive UI frameworks
• Spreadsheet-like interaction models

But built specifically for:

Svelte-native performance, simplicity, and extensibility

Svgrid aims to become:

A go-to data grid engine for Svelte applications, capable of powering everything from simple dashboards to enterprise-scale data platforms.