Vue-good-table-next

:warning: WARNING
This project is a port of Vue-good-table for Vue 3.x. The current version is stable enough to start developing new projects but work is still in progress and changes could be made in the short-term. Thus the project is not yet intended to be used in a production environment.

An easy to use, clean and powerful data table for Vue with essential features like sorting, column filtering, pagination and much more - borisflesch.github.io/vue-good-table-next/

Installing

Install with npm:

1npm install vue-good-table-next

Install with npm:

1yarn add vue-good-table-next

Import globally in app:

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

Import into your component

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

Import into your component using Typescript

1// add to component
2components: {
3  'vue-good-table': require('vue-good-table-next').VueGoodTable,
4}

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

Authors

• Boris Flesch
• xaksis (initial version of Vue-good-table for Vue 2.x)
• Other Contributors

License

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