Sortable, Paginatable, Filterable Data Table In Vue

Description:

A data table component for Vue.js to create sortable, filterable, paginatable, AJAX-enabled data table in the applications.

Basic usage:

Import the DatatableFactory.

import Vue from 'vue';
import DatatableFactory from 'vuejs-datatable';

Vue.use(DatatableFactory);

The HTML.

<div id="vue-root">
  <datatable :columns="columns" :data="rows"></datatable>
</div>

Use the component.

new Vue({
    el: '#vue-root',
    data: {
      columns: [
        // column data
      ],
      rows: [
        // row data
      ]
    }
});

Preview:

Sortable, Paginatable, Filterable Data Table In Vue

Download Details:

Author: GerkinDev

Live Demo: https://gerkindev.github.io/vuejs-datatable/tutorial-ajax-data.html

Download Link: https://github.com/GerkinDev/vuejs-datatable/archive/master.zip

Official Website: https://github.com/GerkinDev/vuejs-datatable

Last Update: August 9, 2019

Install:

# Yarn
$ yarn add vuejs-datatable

# NPM
$ npm install vuejs-datatable --save

You Might Be Interested In:

Add Comment