:globe_with_meridians: Website • :bulb: Getting Started • :eyes: Demos
SVAR DataGrid is a powerful and flexible Svelte component for building high-performance, feature-rich data grids. Designed to handle large datasets efficiently, it supports virtual scrolling, inline editing, sorting, filtering, and full customization to fit complex project needs.
There are two versions of the datagrid library: the 1.x version, designed to work with Svelte 4, and the 2.x version, created for Svelte 5.
To use the SVAR DataGrid for Svelte 5, install it as follows:
npm install wx-svelte-grid
To use the SVAR DataGrid for Svelte 4:
npm install [email protected]
To use SVAR DataGrid, simply import the package and include the component in your Svelte file:
<script>
import { Grid } from "wx-svelte-grid";
const data = [
{
id: 12,
name: "Alex Brown",
year: 1974,
},
];
const columns = [
{
id: "name",
header: "Title",
flexgrow: 1,
sort: true,
editor: "text",
},
{
id: "year",
header: "Year",
width: 100,
sort: true,
editor: "text",
},
];
</script>
<Grid {data} {columns} />
For further instructions, see the detailed how-to-start guide.
Typically, you don't need to modify the code. However, if you wish to do so, follow these steps:
yarn
to install dependencies. Note that this project is a monorepo using yarn
workspaces, so npm will not workyarn start
To run the test:
yarn start:tests
yarn test:cypress
Post an Issue or use our community forum.