Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/xaksis/vue-good-table
An easy to use powerful data table for vuejs with advanced customizations including sorting, column filtering, pagination, grouping etc
https://github.com/xaksis/vue-good-table
datatable plugin table vue vuejs
Last synced: about 2 months ago
JSON representation
An easy to use powerful data table for vuejs with advanced customizations including sorting, column filtering, pagination, grouping etc
- Host: GitHub
- URL: https://github.com/xaksis/vue-good-table
- Owner: xaksis
- License: mit
- Created: 2017-05-16T14:31:30.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2024-03-15T10:36:40.000Z (6 months ago)
- Last Synced: 2024-05-05T10:02:51.382Z (5 months ago)
- Topics: datatable, plugin, table, vue, vuejs
- Language: Vue
- Homepage: https://xaksis.github.io/vue-good-table/
- Size: 15.1 MB
- Stars: 2,143
- Watchers: 38
- Forks: 402
- Open Issues: 189
-
Metadata Files:
- Readme: README.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
# Vue-good-table
[](https://www.npmjs.com/package/vue-good-table)
[](https://github.com/xaksis/vue-good-table/releases)
[](https://github.com/xaksis/vue-good-table/blob/master/LICENSE)
[](https://www.jsdelivr.com/package/npm/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/](https://xaksis.github.io/vue-good-table/)
| :bangbang: Vue 3 Update |
|:---------------------------|
| @borisflesch is working on a Vue 3 compatible version of VGT . Please follow/contribute to his repository as it gets production ready: [vue-good-table-next](https://github.com/borisflesch/vue-good-table-next)|
## Installing
Install with npm:
```bash
npm install --save vue-good-table
```
Import globally in app:
```javascript
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
```js
import { VueGoodTable } from 'vue-good-table';
// add to component
components: {
VueGoodTable,
}
```
Import into your component using Typescript
```typescript
// add to component
components: {
'vue-good-table': require('vue-good-table').VueGoodTable,
}
```
##### Example table with grouped rows and column filters
## Features
* [Table Search](https://xaksis.github.io/vue-good-table/guide/configuration/search-options.html)
* [Sorting](https://xaksis.github.io/vue-good-table/guide/configuration/sort-options.html)
* [Column Filtering](https://xaksis.github.io/vue-good-table/guide/configuration/column-filter-options.html#filteroptions)
* [Pagination](https://xaksis.github.io/vue-good-table/guide/configuration/pagination-options.html)
* [Highly Customizable](https://xaksis.github.io/vue-good-table/guide/advanced/#custom-row-template)
* [Checkbox Table](https://xaksis.github.io/vue-good-table/guide/advanced/checkbox-table.html)
* [Grouped Rows Table](https://xaksis.github.io/vue-good-table/guide/advanced/grouped-table.html)
* [Server Powered Table](https://xaksis.github.io/vue-good-table/guide/advanced/remote-workflow.html#why-remote-mode)
* [Customizable Style and Themes](https://xaksis.github.io/vue-good-table/guide/style-configuration/)
## Upgrade Guide
Hey there! coming from 1.x? find the [upgrade guide here](https://github.com/xaksis/vue-good-table/wiki/Guide-to-upgrade-from-1.x-to-v2.0)
## Authors
* [xaksis](https://github.com/xaksis)
* [Other Contributors](https://github.com/xaksis/vue-good-table/graphs/contributors)
## License
This project is licensed under the MIT License - see the [LICENSE.md](LICENSE) file for details