SvGrid Documentation
190 topic pages for the Svelte 5 data grid: getting started, columns, rows, cells, filtering, editing, and more.
Overview
Compliance
Getting started
- 1. Install
- 2. First grid in 60 seconds
- 3. Data and columns
- 4. Features
- 5. Theme and density
- 6. Going to production
- Starters & scaffolding
Help
- Accessibility
- Build an AI agent that drives the grid
- AI Smart Paste
- AI assistant - Pro
- API reference
- API stability & semver policy
- Architecture overview
- Performance benchmarks
- Browser & runtime support
- Integrated charts
- Real-time collaboration
- Columns hierarchy & manager
- Comparison: SvGrid vs AG Grid vs TanStack Table
- Conditional form schema
- Error reference
- Data export and printing - Pro
- Glossary
- Grouping & aggregation
- Internationalisation & RTL
- Data import - Pro
- Use sv-grid docs as LLM context
- MCP server
- Migrating from AG Grid to SvGrid
- Migrating from DevExtreme DataGrid (DevExpress)
- Migrating from Glide Data Grid
- Migrating from Grid.js
- Migrating from Handsontable
- Migrating from jqxGrid (jQWidgets)
- Migrating from Kendo UI Grid (Telerik)
- Migrating from MUI X DataGrid
- Migrating from PrimeVue / PrimeNG / PrimeReact DataTable
- Migrating from React Data Grid (adazzle)
- Migrating from Smart.Grid (Smart Web Components)
- Migrating from SVAR Svelte DataGrid
- Migrating from svelte-headless-table
- Migrating from Syncfusion Grid
- Migrating from Tabulator
- Migrating from TanStack Table
- Migrating from a UI-kit table (Flowbite / Skeleton / shadcn-svelte)
- Migrating from @vincjo/datatables
- Missing features
- Mobile card view
- Observability
- Pivot tables - Pro
- Production deployment
- Real-time / streaming updates
- Recipes / Cookbook
- Saved views & layout persistence
- Security & supply chain
- Server-side data
- Spreadsheet formulas
- State maintenance
- Status bar
- Tailwind integration
- Testing & Quality
- Testing your grid
- Design tokens
- Doc versioning
- Web Components & Custom Elements
Cells
- Cell components
- Cell data types
- Cell text selection
- Conditional formatting
- Expressions
- Getting values
- Highlighting changes
- Sparklines
- Styling cells
- Text formatting
- Tooltips
- View refresh
Columns
- Column definitions
- Column groups
- Column headers - styling & height
- Column moving (drag to reorder)
- Column pinning
- Column sizing
- Column spanning
- Column state
- Custom header components
- Columns tool panel
- Updating column definitions
Editing
- Edit components
- Full-row editing
- Editing - overview
- Parsing values
- Provided cell editors
- Saving values
- Start / stop editing
- Undo / redo
- Validation
Filtering
- Applying filters
- Custom column filters
- Date filter
- Filter API
- Filter conditions
- Floating filters
- Number filter
- Filtering - overview
- Set filter
- Text filter
Docs
Rows
- Accessing rows
- Full-width rows
- Row data
- Row dragging
- Row height
- Row pagination
- Row pinning (top / bottom)
- Row sorting
- Row spanning
- Styling rows
- Transactions
- Tree rows (expand / collapse)
Pro tier
Recipes
- Auto-save edits with debounce
- Barcode cells in a Svelte data grid (EAN-13)
- Benchmark harness
- Between-operator filters for date ranges
- Build your own feature plugin
- Bulk-edit selected rows
- Cell renderer patterns
- Chart.js sync from grid filter state
- Conditional row coloring
- Cursor-based infinite scroll
- Custom filter functions
- Dependent dropdowns (cascading editors)
- Drag-drop columns to reorder
- External search box with highlighted matches
- Form library bridge
- Grid state inspector
- Heatmap-tinted numeric cells
- Kanban board over the same `$state`
- Lazy-load expand on demand
- Loading data from REST + GraphQL
- 1 million rows with virtualization
- Mobile card view with grid-on-desktop
- Multi-sheet xlsx export
- NL filter wired to your LLM
- Persist column layout to URL
- Pin first column on horizontal scroll
- Profiling with a live FPS HUD
- Role-based editable columns
- Saved filter sets
- Saved views (localStorage)
- Server-side filter with TanStack Query
- Smart paste: CSV / TSV / free-form → typed rows
- Sparkline cell renderer
- Submit-time validation with error summary
- Testing your grid
- Theme-matched xlsx export
- Theme tokens for Ant / MUI / Fluent / shadcn
- Two-grid master / detail
- Undo / redo for grid edits
- Use SvGrid from React (custom-element bridge)
- WebSocket streaming with backpressure
API reference
- `ColumnDef` reference
- `<SvGrid>` reference
- `SvGridApi` reference
- Auto-generated reference
- `sv-grid-community` · `core.ts`
- `sv-grid-community` · `svgrid-wrapper.types.ts`
- `sv-grid-pro` · `ai.ts`
- `sv-grid-pro` · `export.ts`
- `sv-grid-pro` · `import.ts`
- `sv-grid-pro` · `install.ts`
- `sv-grid-pro` · `pivot.ts`
- Bundle size
- Features reference
- Headless engine
- Pro reference