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 / Data Export & ImportImport - dialog + auto-mapping The round-trip partner of export: SvImportDialog drops in a drag-drop / paste importer that auto-maps a file's headers to your columns, coerces each value with the column's own format, previews the typed rows with bad cells flagged, then appends the clean ones. Reads .xlsx, CSV, TSV, JSON. (requires @svgrid/enterprise)
A live, editable Svelte 5 data grid example. Open the interactive demo or read the documentation .