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 / Filtering & SearchMulti-condition filter (AND / OR) Two conditions on ONE column, joined by AND or OR: a salary band (> 80k AND < 150k), age outliers (< 25 OR > 60). Open the funnel and click "+ Add condition", or drive it via api.setFilter({ operator, value, operator2, value2, join }).
A live, editable Svelte 5 data grid example. Open the interactive demo or read the documentation .