Vue-good-table

An easy to use, clean and powerful data table for VueJS with essential features like sorting, column filtering,draggable row, pagination and much more - 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:

1npm install --save vue-good-table

Import globally in app:

1import VueGoodTablePlugin from 'vue-good-table';
2
3// import the styles 
4import 'vue-good-table/dist/vue-good-table.css'
5
6Vue.use(VueGoodTablePlugin);

Import into your component

1import { VueGoodTable } from 'vue-good-table';
2
3// add to component
4components: {
5  VueGoodTable,
6}

Example table with grouped rows and column filters

Features

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

Upgrade Guide

Hey there! coming from 1.x? find the upgrade guide here

Draggable Row

Hey guys if you want to draggable row for table so it is easy just follow bellow steps

1. simply add one props

1:isDraggable="true"

2. and if you like to get details about dragging then just bind below event

1@on-dragged

it is simple guys :smile:

Authors

• xaksis
• Other Contributors

License

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