Vue Smart Table
Simple and feature packed table components
Simple to use
Using Vue Smart Table is almost like using a regular HTML table and with very little effort you will get a lot out of it.
Standard HTML Table
The output of Vue Smart Table is a standard HTML table. We make no styling assumptions, so you can easily style however you desire.
Feature Packed
Out of the box you will get filtering, sorting, pagination and row selection.
# Why Smart Table
There are a lot of Data Table plugins out there, some of them are very good but pretty much all of them are very complicated to use. What I really wanted was the simplicity of a vanilla HTML table but with the power of the more complex Data Table plugins.
Vue Smart Table is the answer to that need. Creating a Smart Table is almost as simply as creating a Vanilla HTML Table. When you need it, you can enable extra functionality in a way that feels natural. It is very straight forward, you can learn everything you need to know on one sit.
# Installation
To install simply run
npm add vuejs-smart-table@next
or
yarn add vuejs-smart-table@next
Then in your main.js
import SmartTable from 'vuejs-smart-table'
Vue.use(SmartTable)
2
3
This will globally register four Components: VTable
, VTh
, VTr
and VTPagination
Next learn how to create a basic table