iamyuu / gridjs-svelte

A Svelte wrapper component for Grid.js

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: "[e-mail]" },
		{ name: "Mark", email: "[e-mail]" },
	];
</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