🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

A simple, clean data table for VueJS (2.x) with essential features like sorting, column filtering, pagination etc.

Table

Documentation

Vue-good-table

npm npm npm Twitter Follow

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/

Did vue-good-table just save you a bunch of time? Use some of them extra minutes to spread the joy!

Buy Me A Coffee

Follow the project progress live - Vue-good-table Project on TimerBit

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


You May Also Like