Sortable, Paginatable, Filterable Data Table In Vue

Install & Download:

# Yarn
$ yarn add vuejs-datatable
# NPM
$ npm install vuejs-datatable --save

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

Changelog:

12/31/2019

  • v2.0.0

Add Comment