Vue integration
Install line, peers, styles, and a minimal import for Vue. Live docs demos open in StackBlitz in one click—no local clone required.
Why Simple Table on Vue
Build Vue 3 or Nuxt tables with a first-class component and predictable styling. The adapter mirrors core APIs so you can share column definitions and themes across teams that also use Simple Table on other stacks.
Install
Peer expectations: Vue 3+
npm install @simple-table/vueStyles
Import the published stylesheet once in your app entry (or a layout component).
import "@simple-table/vue/styles.css";Minimal import surface
import { SimpleTable } from "@simple-table/vue";
import "@simple-table/vue/styles.css";Documentation demos include Open in StackBlitz so you can run and edit a full Vue project in the browser. Start with the quick-start sandbox below.
Simple Table vs other Vue data grids
A Vue 3 / Nuxt data grid with virtualization, pinning, grouping, and inline editing built-in—free under MIT, no need to adopt Vuetify, PrimeVue, or Element Plus to get a real table.
If you have evaluated any of the libraries below, Simple Table is a drop-in MIT alternative that ships virtualization, pinning, grouping, and inline editing without a Pro license:
- Vuetify v-data-table alternative
- PrimeVue DataTable alternative
- Vue Good Table alternative
- Element Plus el-table alternative
- Naive UI n-data-table alternative
- Quasar QTable alternative
- AG Grid Vue alternative
FAQ
- Does Simple Table work with Nuxt?
- Yes. Install @simple-table/vue, import styles in a layout or plugin, and mount the component in your page or layout. For SSR, hydrate as you would any client table component—see the Vue & Nuxt pillar guide for notes.
- Is this the same grid as the React package?
- Yes. Every adapter wraps the same simple-table-core engine, so features like sorting, editing, column APIs, and themes behave consistently. You choose the npm package that matches your framework.
- Where can I run a full example without cloning the repo?
- Use the StackBlitz quick start from this hub, or open documentation demos—many include “Open in StackBlitz” for a runnable project in the browser.
- Is there a deeper guide for this stack?
- Read the stack-specific pillar guide at https://www.simple-table.com/blog/vue-nuxt-data-grid-simple-table for install context, patterns, and links back to this hub.