vuetable is a Vue.js component that will automatically request (JSON) data from the server and display them nicely in html table with swappable/extensible pagination component.
Features:
- No need to render the table yourself
- One simple
vuetabletag - Display data retrieved from server with sort options
- Support multi-column sorting (v1.2.0) by @balping
- Pagination component included, swap-able and extensible
- Define fields to map your JSON data structure
- Define row actions and capture the click event to do whatever you want
- Field display customizable via callback function inside Vue.js instance
- Programmatically show/hide any field via reactivity of fields definition
- Use your favorite CSS framework classes to nicely format your table and displayed data
- Events to allow control from Vue.js instance programmatically
- Capture events from
vuetableto manipulate your table and your data - Should work with any pre-defined JSON data structure
- Should work with any CSS Framework, e.g. Semantic UI, Twitter’s Bootstrap
- Optional detail row to display additional data (v.1.2.0)
Preview:
Download Details:
Author: ratiw
Live Demo: http://vuetable.ratiw.net/examples/semantic.html
Download Link: https://github.com/ratiw/vue-table/archive/master.zip
Official Website: https://github.com/ratiw/vue-table
Install & Download:
$ npm install vuetable