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.
Demos / LayoutNavigation pane SvNavPane: an Outlook-style sidebar - collapsible sections, unread badges, nested folders, single-select highlight, arrow-key nav, an icon-only collapsed rail, and a bottom module strip with a drag splitter (drag up to collapse modules into an icon rail).
A live, editable Svelte 5 data grid example. Open the interactive demo or read the documentation .