Morioh
Login
Amina Semhar

Amina Semhar

3 years ago

Simple Clean Data Table For VueJS 2

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

Download Details:

Author: xaksis

Live Demo: https://github.com/xaksis/vue-good-table

GitHub: https://github.com/xaksis/vue-good-table

#vuejs #vue #javascript #vue-js

Simple Clean Data Table For VueJS 2
6.80 GEEK