# Vue Table Grid
> Simple data table grid for **Vue.js**
> , this package require **Bootstrap** framework for styling table.
### Install
```npm
npm i --save-dev vue-table-grid
```
### Quick start
- Loading component file
In browser
```html
Vue Table Grid
```
in single file component
```js
```
- adding component to your html template
```html
```
## Options
```js
options = {
/**
* is table in server side mode
*
* default :false
*/
serverSide: Boolean,
/**
* ajax configurations
*
*/
ajax: {
/**
* api url
*/
url: String,
/**
* function to return
* total rows count
* to be used in pagination
*
* default: 0
*/
total: Function,
/**
* headers to be sent with
* every api request
*
* e.g
* data => data.total
*
* default : {}
*/
headers: Object,
/**
* query params to be sent
* with every api request
*
* default : {}
*/
params: Object
},
/**
* table columns
*/
columns: [
{
/**
* table column title
*
*/
title:String,
/**
* table column data
*
* e.g
* string => 'name'
* function => (row) => row.name
*/
data: String|Function,
/**
* is column searchable
*
*/
searchable: Boolean,
/**
* is column sortable
*
*/
sortable: Boolean
}
],
/**
* table rows
*
* default: []
*/
rows: Array