vue-js-datatable


vue-js-datatable is wrapper vue package of datatables.net

Installation

``
npm install --save @parthfaladu/vue-js-datatable
`
Or using yarn
`
yarn add @parthfaladu/vue-js-datatable -dev
`

For Installing plugin import vue-js-datatable in your component page.

`js
//foo.vue
import VueJsDatatable from "@parthfaladu/vue-js-datatable";
export default {
components: {
VueJsDatatable,
},
}
`

$3

Please note that this package depends on jQuery and jquery.dataTables.js, but you won't need to add it to your project manually, vue-js-datatable will handle this for you automatically if this dependencies are not detected.




$3

For styling of the table import datatable css file.

Basic Usage

You can pass an array of fullclendar objects through the props

`html

ID
name
City
Action

...

`


$3

| Name | Type | Default | Description |
| --------------------- | ---------- | -------------- | --------------------------------------------------------------------------------------------------------------------------- |
| columns | Array | [] | Table all columns |
| url | String | null | Ajax request url
| type | String | 'GET' | Ajax request type
| searching | Boolean | true | Feature control search (filtering) abilities
| lengthChange | Boolean | true | Feature control the end user's ability to change the paging display length of the table
| paging | Boolean | true | Enable or disable table pagination
| ordering | Boolean | true | Feature control ordering (sorting) abilities in DataTables
| className | String | '' | Table class names
| serverSide | Boolean | true | Feature control DataTables' server-side processing mode
| headers | Object | {} | Ajax request headers
| order | Array | [] | Initial order (sort) to apply to the table




$3

| Name | Description |
| -------- | -------------------------------------------------------------------------------------------------- |
| gaction | In button define data-g-action='view'` attribute and on button click this event will be emitted |