vue-data-tables/README.md

A simple, customizable and pageable table, based on vue2 and element-ui.

<p align="center"><a href="https://github.com/njleonzhang/vue-data-tables" target="_blank"><img width="100"src="https://njleonzhang.github.io/vue-data-tables/_media/icon.svg"></a></p>

<p align="center">
  <a href="https://travis-ci.org/njleonzhang/vue-data-tables" target="_blank"><img src="https://travis-ci.org/njleonzhang/vue-data-tables.svg?branch=master" alt="Build Status"></a>
  <a href="https://coveralls.io/github/njleonzhang/vue-data-tables?branch=master" target="_blank"><img src='https://coveralls.io/repos/github/njleonzhang/vue-data-tables/badge.svg?branch=master' alt='Coverage Status' /></a>
  <a href="https://www.npmjs.com/package/vue-data-tables" target="_blank"><img src='https://img.shields.io/npm/v/vue-data-tables.svg' alt='Node' /></a>
  <a href="https://github.com/njleonzhang/vue-data-tables" target="_blank"><img src='http://img.badgesize.io/https://unpkg.com/vue-data-tables?compression=gzip' alt='badgesize' /></a>
  <a href="https://github.com/njleonzhang/vue-data-tables" target="_blank"><img src='https://img.shields.io/npm/dm/vue-data-tables.svg' alt='download' /></a>
</p>

<a target='_blank' rel='nofollow' href='https://app.codesponsor.io/link/ihaq87AknxR2SsuxcHraNiGz/njleonzhang/vue-data-tables'>
  <img alt='Sponsor' width='888' height='68' src='https://app.codesponsor.io/embed/ihaq87AknxR2SsuxcHraNiGz/njleonzhang/vue-data-tables.svg' />
</a>

## Documentation
* [Full Doc](https://njleonzhang.github.io/vue-data-tables)
* [Online Demo for front-end pagination](http://jsfiddle.net/zpczjl/9tp3z4bn/)
* [Online Demo for server-end pagination](https://jsfiddle.net/zpczjl/xboja87c/)

## Dev

* install dependencies

```
yarn install
```

* serve test/play with hot reload at localhost:8089

```
npm run play
```

## Contribute and preview Doc
The document is powered by [docsify](https://docsify.js.org/#/) and [docsify-demo-box-vue](https://njleonzhang.github.io/docsify-demo-box-vue/#/)

* install docsify
```
npm i docsify-cli -g
```

* go to project folder and run local server
```
docsify serve docs
```
You can preview your site in your browser on http://localhost:3000 with hot reload.

## Buy me a coffee
* Click the advertisement in this page and [document](https://njleonzhang.github.io/vue-data-tables/#/?id=vue-data-tables) page
* Donate
<p align="center">
  <a target='_blank' rel='nofollow' href='https://www.paypal.me/njleon?yours=true'>
  <img width='650' src="_media/all.png">
</p>