Simple Powerful Vue.js Data Table Component – vuetable

Description:

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 vuetable tag
  • 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 vuetable to 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:

vuetable

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

Last Update: December 21, 2016

Views Total: 4,168

Install:

$ npm install vuetable

You Might Be Interested In:

Add Comment