All Projects → xaksis → Vue Good Table

xaksis / Vue Good Table

Licence: mit
An easy to use powerful data table for vuejs with advanced customizations including sorting, column filtering, pagination, grouping etc

Programming Languages

Vue
7211 projects
javascript
184084 projects - #8 most used programming language
SCSS
7915 projects

Projects that are alternatives of or similar to Vue Good Table

Reactgrid
Add spreadsheet-like behavior to your React app
Stars: ✭ 289 (-84.16%)
Mutual labels:  table, datatable
Ngx Datatable
✨ A feature-rich yet lightweight data-table crafted for Angular
Stars: ✭ 4,415 (+142.05%)
Mutual labels:  table, datatable
Vanilla Datatables
A lightweight, dependency-free javascript HTML table plugin
Stars: ✭ 314 (-82.79%)
Mutual labels:  table, datatable
bwt-datatable
Data table with Polymer 3 support!
Stars: ✭ 43 (-97.64%)
Mutual labels:  table, datatable
Vue Data Tables
A simple, customizable and pageable table with SSR support, based on vue2 and element-ui
Stars: ✭ 976 (-46.49%)
Mutual labels:  table, datatable
ng-mazdik
Angular UI component library
Stars: ✭ 86 (-95.29%)
Mutual labels:  table, datatable
Gijgo
Gijgo - Free Javascript Controls
Stars: ✭ 424 (-76.75%)
Mutual labels:  plugin, table
Vue Bootstrap4 Table
Advanced table based on Vue 2 and Bootstrap 4 ⚡️
Stars: ✭ 187 (-89.75%)
Mutual labels:  table, datatable
Vue2 Datatable
The best Datatable for Vue.js 2.x which never sucks. Give us a star 🌟 if you like it! (DEPRECATED. As I, @kenberkeley, the only maintainer, no longer works for OneWay. Bugs may be fixed but new features or breaking changes might not be merged. However, it's still the best in my mind because of its extremely flexible usage of dynamic components)
Stars: ✭ 867 (-52.47%)
Mutual labels:  table, datatable
Vue Handsontable Official
Vue Data Grid with Spreadsheet Look & Feel. Official Vue wrapper for Handsontable.
Stars: ✭ 751 (-58.83%)
Mutual labels:  table, datatable
ag-grid
The best JavaScript Data Table for building Enterprise Applications. Supports React / Angular / Vue / Plain JavaScript.
Stars: ✭ 8,743 (+379.33%)
Mutual labels:  table, datatable
Vue Tables 2
Vue.js 2 grid components
Stars: ✭ 1,518 (-16.78%)
Mutual labels:  table, datatable
au-datatable
Aurelia Datatable, A highly customizable html datatable, build for the Aurelia Framework.
Stars: ✭ 21 (-98.85%)
Mutual labels:  table, datatable
Material Table
Datatable for React based on material-ui's table with additional features
Stars: ✭ 3,198 (+75.33%)
Mutual labels:  table, datatable
React Table
⚛️ Hooks for building fast and extendable tables and datagrids for React
Stars: ✭ 15,739 (+762.88%)
Mutual labels:  table, datatable
Datatablesbundle
This Bundle integrates the jQuery DataTables plugin into your Symfony application.
Stars: ✭ 334 (-81.69%)
Mutual labels:  table, datatable
Grid
Declarative React Canvas Grid primitive for Data table, Pivot table, Excel Worksheets and more 💥
Stars: ✭ 573 (-68.59%)
Mutual labels:  table, datatable
Vuejs Datatable
A Vue.js component for filterable and paginated tables.
Stars: ✭ 148 (-91.89%)
Mutual labels:  table, datatable
Datatable
A simple, modern and interactive datatable library for the web
Stars: ✭ 587 (-67.82%)
Mutual labels:  table, datatable
Svelte Simple Datatables
A Datatable component for Svelte
Stars: ✭ 56 (-96.93%)
Mutual labels:  table, datatable

Vue-good-table

npm npm npm

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/

‼️ 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

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

License

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

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].