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 / Date & TimeDate-range input SvDateRangeInput: a compact start/end field that opens a two-month range calendar with one-click presets (Today, Last 7 days, ...). Composes the same headless range engine as SvCalendar, and carries the shared editor contract - label, hint, error validation, dir (RTL) and localizable messages.
A live, editable Svelte 5 data grid example. Open the interactive demo or read the documentation .