SvGrid
一個用於 Svelte 的無頭優先、渲染就緒的資料網格。
關於 SvGrid
一個用於 Svelte 的無頭優先、渲染就緒的資料網格。
SvGrid combines virtualization, Excel-style filters, cell selection, and inline editing through a simple, prop-driven API, without relying on a React grid wrapped in a Svelte shim. Built for Svelte runes from the very first line, it provides a headless engine underneath when you need complete control and customization. With more than 150 production-quality examples, SvGrid helps you get up and running quickly while supporting advanced use cases.
SvGrid Features:
- Headless or render-component - Use createSvGrid for full control, or drop in the <SvGrid> component for a batteries-included experience.
- Enterprise-grade features - Sorting, Excel-style filters, grouping, aggregation, tree, master/detail, server-side data, virtualization.
- Built for Svelte - Native runes ($state, $derived, $effect). Snippets for cell renderers. No React or Angular core underneath.
- 100k × 100 dataset, smooth - Row + column virtualization, chunked loading, and a CSP-compliant runtime - no eval, no inline scripts.
- Inline editing + cascade - Typed cell editors (text, number, checkbox, date, select) with dirty tracking, validation, and cascade formulas.
- AI-native - Bundled MCP server + llms.txt so Claude, Cursor, and Zed answer accurately. Natural-language filter and smart-paste demos included.
- Accessible by default - WAI-ARIA grid roles, full keyboard navigation, aria-live announcements, high-contrast focus toggle.
- Tested + typed - A Vitest suite with mounted-component behavioral tests, Playwright E2E specs, and TypeScript strict mode. 329 published tests, not marketing.
- Integrates with anything - Excel/PDF/CSV export, GraphQL + REST adapters, Chart.js + Smart.Chart live sync, Excel/CSV import, password-protected XLSX, and a sustained 600ms cell-edit-to-network roundtrip.
