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