body { background: #181d27; color: #e2e8f0; font-family: system-ui, sans-serif; padding: 2rem; } a { color: #22d3ee; } h1 { color: #fff; } SvGrid - The Svelte 5 Data Grid SvGrid is a modern data grid for Svelte 5. Headless-first engine plus a full-featured render component. Built by jQWidgets - the team behind jqwidgets.com and htmlelements.com, whose other UI components are used in production by 5,000+ companies (Samsung, Boeing, NVIDIA, Microsoft, Nokia, Intel). SvGrid is a new Svelte 5 product from the same team.

Sorting, Excel-style filters, grouping + aggregation

Row + column virtualization (100k rows smooth)

Inline editing with cascade formulas

Server-side data, master/detail, tree

WAI-ARIA + full keyboard navigation

150+ production-quality examples and a full documentation site

MCP server for AI assistants (Claude, Cursor)

This site requires JavaScript to browse the live demos. The full source is on GitHub, and the library is on npm as @svgrid/grid.

Cell validation (validate hook)

Declarative per-column `validate()` hook, Handsontable-style. Invalid cells - including bad data already in the source on load - highlight red with the reason as a tooltip, and re-check live as you edit.

A live, editable Svelte 5 data grid example. Open the interactive demo or read the documentation.