Skip to content

An easy to use powerful data table for vuejs with advanced customizations including sorting, column filtering, pagination, grouping etc

License

Notifications You must be signed in to change notification settings

plweil/vue-good-table

 
 

Repository files navigation

Vue-good-table

npm npm npm

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

‼️ Vue 3 Update
@borisflesch is working on a Vue 3 compatible version of VGT . Please follow/contribute to his repository as it gets production ready: vue-good-table-next

Installing

Install with npm:

npm install --save vue-good-table

Import globally in app:

import VueGoodTablePlugin from 'vue-good-table';

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

Vue.use(VueGoodTablePlugin);

Import into your component

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

// add to component
components: {
  VueGoodTable,
}

Import into your component using Typescript

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

Advanced Screenshot

Features

Upgrade Guide

Hey there! coming from 1.x? find the upgrade guide here

Authors

License

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

About

An easy to use powerful data table for vuejs with advanced customizations including sorting, column filtering, pagination, grouping etc

Resources

License

Code of conduct

Stars

Watchers

Forks

Packages

No packages published

Languages

  • Vue 69.7%
  • JavaScript 16.0%
  • SCSS 13.8%
  • Other 0.5%