A Svelte wrapper component for Grid.js
npm install gridjs gridjs-svelte
<script>
import Grid from "gridjs-svelte";
const data = [
{ name: "John", email: "[email protected]" },
{ name: "Mark", email: "[email protected]" },
];
</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.
- Basic
- Custom Style
- Action Button
- Server side
- Event
- Plugin
- HTML in cell
- Svelte component in cell
- forceRender
- Star Wars
PRs are welcome! You noticed a bug, a possible improvement or whatever? Any help is always appreciated, so don't hesitate opening one!
git clone https://github.com/iamyuu/gridjs-svelte
cd gridjs-svelte
npm install
npm run dev:web
npm test
# or on watch mode
npm run test:watch