/vue-good-table-next

An easy to use powerful data table for Vue 3.x with advanced customizations including sorting, column filtering, pagination, grouping etc. Based on Vue-good-table (Vue 2.x).

Primary LanguageVueMIT LicenseMIT

Vue-good-table-next

⚠️ WARNING
This project is a port of Vue-good-table for Vue 3.x. The current version is stable enough to start developing new projects but work is still in progress and changes could be made in the short-term. Thus the project is not yet intended to be used in a production environment.

npm npm npm Twitter Follow

An easy to use, clean and powerful data table for Vue with essential features like sorting, column filtering, pagination and much more - borisflesch.github.io/vue-good-table-next/

Installing

Install with npm:

npm install vue-good-table-next

Install with npm:

yarn add vue-good-table-next

Import globally in app:

import VueGoodTablePlugin from 'vue-good-table-next';

// import the styles 
import 'vue-good-table-next/dist/vue-good-table-next.css'

Vue.use(VueGoodTablePlugin);

Import into your component

import { VueGoodTable } from 'vue-good-table-next';

// add to component
components: {
  VueGoodTable,
}

Import into your component using Typescript

// add to component
components: {
  'vue-good-table': require('vue-good-table-next').VueGoodTable,
}
Example table with grouped rows and column filters

Advanced Screenshot

Features

Authors

License

This project is licensed under the MIT License - see the LICENSE.md file for details