Data table simplified

Step 1: Install

npm install vuetable-2 --save-dev

Javascript via CDN

// vuetable-2 dependencies
<script src=""></script>
<script src=""></script>
// vuetable-2
<script src=""></script>

This is demonstrated in this jsfiddle.

The .use from above will register all the components globally.

function install(Vue){
  Vue.component("vuetable", Vuetable);
  Vue.component("vuetable-pagination", VueTablePagination);
  Vue.component("vuetable-pagination-dropdown", VueTablePaginationDropDown);
  Vue.component("vuetable-pagination-info", VueTablePaginationInfo);

Also you have the ability to access certain components if you need them:

VueTable: VueTable.default/VueTable.VueTable,
VueTablePagination: VueTable.VueTablePagination,
VueTablePaginationInfo: VueTable.VueTablePaginationInfo,
VueTablePaginationDropdown: VueTable.VueTablePaginationDropdown


Vuetable is open-sourced software licensed under the MIT license.


Below are the reference links:

No. Link
1. Read more here.
2. Follow code author here.