Vue 3 & Nuxt Data Grid: Install and Run Simple Table

Install the Vue adapter

Add @simple-table/vue to your Vue 3 or Nuxt project. Peers: Vue 3+. One install line covers the adapter; the core ships as a dependency of the package on npm.

npm install @simple-table/vue

Import styles once

Register the published stylesheet in your app entry, Nuxt plugin, or root layout so column chrome, editors, and themes render correctly.

import "@simple-table/vue/styles.css";

Composition API usage

Import the SimpleTable component and pass the same props you would expect from the shared core API: columns, data, sorting, editing, and theme objects. Keep table state in ref or reactive structures and let Vue’s reactivity propagate updates.

import { SimpleTable } from "@simple-table/vue";
import "@simple-table/vue/styles.css";

Nuxt 3 notes

For Nuxt, import CSS in a client plugin or your app.vue / layout wrapper. If the grid should only run client-side, wrap it in ClientOnly or equivalent so SSR output stays clean while hydration picks up interactivity.

Next steps

Use the Vue integration hub for peer details, npm links, and a StackBlitz quick start. Feature documentation on this site demonstrates capabilities that apply across adapters—swap the import to match Vue when you copy examples.