vue-good-table

An easy to use, clean and powerful data table for VueJS with essential features like sorting, column filtering, pagination and much more.

Here are its features:

  • Table Search
  • Sorting
  • Column Filtering
  • Pagination
  • Highly Customizable
  • Checkbox Table
  • Grouped Rows Table
  • Server Powered Table
  • Customizable Style and Themes

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,
}

Here is an Example table with grouped rows and column filters

https://github.com/xaksis/vue-good-table/raw/master/README/images/vgt-table.advanced.png

Features

License

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

Reference

Below are the reference links:

No. Link
1. Read more here.
2. Follow code author here.