gridjs-svelte

A Svelte wrapper component for Grid.js

Installation

npm install gridjs gridjs-svelte

Usage

<script>
    import Grid from "gridjs-svelte";

    const data = [
        { name: "John", email: "john@example.com" },
        { name: "Mark", email: "mark@gmail.com" },
    ];
</script>

<Grid {data} />

<style global>
    @import "https://cdn.jsdelivr.net/npm/gridjs/dist/theme/mermaid.min.css";
</style>

You can pass all Grid.js configs, refer to Grid.js types for specific configuration options.

Example

• Basic
• Custom Style
• Action Button
• Server side
• Event
• Plugin
• HTML in cell
• Svelte component in cell
• forceRender
• Star Wars

Contributing

PRs are welcome! You noticed a bug, a possible improvement or whatever? Any help is always appreciated, so don't hesitate opening one!

Get started (Devs)

git clone https://github.com/iamyuu/gridjs-svelte
cd gridjs-svelte
npm install
npm run dev:web

Running the tests

npm test

# or on watch mode
npm run test:watch