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 / Sorting & GroupingGroup aggregators Declarative per-column rollups for group rows via the aggregate column option: sum, avg, min, max, count, countDistinct, extent, first, or a custom (values, rows) reducer. Each rollup is formatted with the column format and shown in the group header.
A live, editable Svelte 5 data grid example. Open the interactive demo or read the documentation .