Get Now

Extensible
Svelte DataGrid

Add fully featured, interactive data grids to your Svelte apps. Lightning-fast, customizable, easy to start with.

Also available for:

previewpreview

All the Essentials of SVAR Svelte DataGrid

Sorting data

You can enable sorting feature for specific columns and arrange table rows depending on selected criteria: words or numbers. Use sorting by multiple columns to organize complex datasets.

Sorting data

Frozen and collapsible columns

The datagrid can adjust the columns width to header text, cell content, or page size. You can also enable collapsible columns for a compact view or pin columns to the left so the key information remains visible while scrolling.

Frozen and collapsible columns

Inline editing

With various in-cell editors, you can streamline the data editing process and allow users to edit information directly within the table cells. To save changes to the server side, you can use our pre-built RestDataProvider.

Inline editing

Optimized performance

SVAR Svelte DataGrid supports the dynamic creation and loading of table content, ensuring smooth and efficient data handling. It greatly improves the overall responsiveness of the table, especially when dealing with large datasets.

Optimized performance

Single and multiple row selection

There are options for selecting either one or multiple rows in the table for targeted actions. Users can compare and analyze selected data points, identify patterns and perform calculations based on the selected data.

Single and multiple row selection

Keyboard navigation

Users can navigate through the table using keyboard inputs, enhancing pace and efficiency. Keyboard navigation facilitates seamless data entry in tables when working with large datasets or complex table structures.

Keyboard navigation

Context menu support

DataGrid's context menu allows users to access additional functionality and options. Users can quickly copy, delete, and add rows. You can also customize the context menu by adding your own options to it.

Context menu support

Advanced Features of SVAR Svelte DataGrid

Hierarchical data structures

Flexible approach allows incorporating and visualizing hierarchy within the table as needed, offering a balance between simplicity and hierarchical representation.

Handling large datasets

SVAR Svelte DataGrid is optimized to deliver a responsive and smooth user experience, ensuring that working with extensive datasets remains seamless and effective.

Quick and easy export

You can export data tables to Excel or to CSV in one click. Export the table, keeping the style of one of three available skins, or with your own custom style.

Enhanced responsiveness

Our Svelte DataGrid dynamically adjusts to the available space, eliminating the necessity for explicit coding to manage its layout and ensuring optimal utilization of free space.

Svelte DataGrid Live Demo

Svelte DataGrid Demo Preview

For the best experience, view this page on a desktop device to enjoy the live demo, as it looks great on larger screens!

Licensing and pricing

Perpetual license, 1 year of support and updates included
Developer
1 developer
1 project
Standard support
SaaS
Application
5 developers
1 project
Standard support
SaaS
Most popular
Team
5 developers
Unlimited projects
Priority support
SaaS
Enterprise
20 developers
Unlimited projects
Priority support
SaaS

Help is here. Choose the most suitable option and let us make your journey with SVAR components even more seamless.

Fast technical support via email for customers and trial users
Free Community Forum moderated by Support team as well
All-covered documentation and tutorials

Get access to SVAR DataGrid for Svelte

Fill in the form below to start your 30-days trial with professional support.
You'll get access to the npm package of fully-functional SVAR DataGrid.