Morioh
Login
Vue.js Tutorial

Vue.js Tutorial

4 years ago

An easy to use Powerful Data Table for Vuejs

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/

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

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

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

#vuejs #javascript #vue-js

An easy to use Powerful Data Table for Vuejs
90.45 GEEK