Vue Smart Table

Simple and feature packed table components

Documentation →

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
1

or

yarn add vuejs-smart-table@next
1

Then in your main.js

import SmartTable from 'vuejs-smart-table'

Vue.use(SmartTable)
1
2
3

This will globally register four Components: VTable, VTh, VTr and VTPagination

Next learn how to create a basic table