skydrive-vue-good-table

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

Usage no npm install needed!

<script type="module">
  import skydriveVueGoodTable from 'https://cdn.skypack.dev/skydrive-vue-good-table';
</script>

README

Vue-good-table

npm npm npm Twitter Follow

Attention ! This is fork version. Use at your own risk !

Version Official Version Changes
2.19.4 2.19.3 1. Pagination Options allow pass showingLabel, recordsLabel
2. Pagination will display current page pagination info if mode = 'pages'
3. Enhance Nocturnal Theme
4. Fix pagination Page Number and Per Page dropdown sync issue when pagination position = 'both'
2.19.5 2.19.3 1. td with vgt-checkbox-col class will have same css with th
2.19.6 2.19.4 https://github.com/xaksis/vue-good-table/releases/tag/v2.19.4

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 - xaksis.github.io/vue-good-table/

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