A lightweight, Svelte 5 compatible datagrid that works fast with large datasets. Easily integrate Svelte data tables with sorting, filtering, in-cell editing, and more!
SVAR Svelte DataGrid offers lightning-fast performance with large datasets, providing a responsive user experience. Features like virtual scrolling, dynamic loading, and pagination help manage data efficiently.
Multi-column sorting and built-in header filters make it easy to manage complex datasets. For advanced filtering scenarios with and/or logic, seamlessly integrate SVAR Svelte Filter with the datagrid data.
Allow users to edit information directly within the table cells or add a standalone edit form with multiple fields and validation options. To simplify saving CRUD changes to the server side, a pre-built RestDataProvider is available.
SVAR Svelte DataGrid automatically adjusts to fit the available space, ensuring optimal use of screen real estate. It also supports a customizable responsive mode and touchscreen interactions.
SVAR Svelte DataGrid offers lightning-fast performance with large datasets, providing a responsive user experience. Features like virtual scrolling, dynamic loading, and pagination help manage data efficiently.
Multi-column sorting and built-in header filters make it easy to manage complex datasets. For advanced filtering scenarios with and/or logic, seamlessly integrate SVAR Svelte Filter with the datagrid data.
Allow users to edit information directly within the table cells or add a standalone edit form with multiple fields and validation options. To simplify saving CRUD changes to the server side, a pre-built RestDataProvider is available.
SVAR Svelte DataGrid automatically adjusts to fit the available space, ensuring optimal use of screen real estate. It also supports a customizable responsive mode and touchscreen interactions.
Try selection with checkboxes, tree data, in-cell editors in columns Status and Due, and switch between light and dark themes. For the best experience, view this page on a desktop device to enjoy the live demo, as it looks great on larger screens!
SVAR Svelte DataGrid is a high-performance, ready-to-use table component built 100% in Svelte for maximum performance and seamless integration: no wrappers or heavy dependencies. Compatible with the latest Svelte 5. The DataGrid is optimized for data-intensive applications, offering virtual scrolling, dynamic loading, pagination, sorting, filtering, tree-data, inline editing, context menus, keyboard navigation, and responsive design - all under the free, open-source MIT license.
Yes, it provides multi-column sorting, in-cell editing, keyboard shortcuts, and undo/redo, similar to spreadsheet apps. It also offers print support with customizable settings for paper size, orientation (landscape/portrait), and print resolution.
TypeScript support is not available yet, but we plan to add it in a future release.
SVAR Svelte DataGrid supports virtual scrolling, making it highly responsive even with tens of thousands of rows. It also supports dynamic loading and pagination to handle large datasets efficiently.
Install via npm (`npm install wx-svelte-grid`)
, import the Grid component, initialize it with its main properties, and add your data. Here are some helpful resources:
SVAR DataGrid supports server-side data operations through REST APIs using the built-in RestDataProvider or custom event handlers. The RestDataProvider automatically handles CRUD operations and provides data loading via REST endpoints. For custom implementations or server-side filtering/sorting, you can use event callbacks to integrate with any backend. A Go backend example is available on our GitHub.