vuejs-table-component
A vue component for rendering datatables. With customizable sorting and searching capabilities.
Works with Vue 2.*
Installation
Install via CDN
Install via NPM
$ npm install vuejs-table-component --save
Register as Component
name: 'App' components: Datatable
Register as Plugin
Vue
Usage
Quick example
<template> <datatable columns="columns" dataset="rows"></datatable></template> <script>import Datatable from 'vuejs-table-component' export default { name: 'App', components: { Datatable }, data: () => ({ price: '' }),}</script>
Props
Props | Description | Required | Type | Default |
---|---|---|---|---|
columns | Corresponding columns of the table | true | Array | - |
dataset | Data to be used for pupulating the table | true | Array | - |
perpage | List of page sizes | false | Array | [10, 50, 100] |
indices | Fields that should be searchable by search | false | Array | [] |
search | A v-model value binded with a search field | false | String | '' |