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>

## 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:8081

```
npm run dev
```

## My projects related to Vue
* [element-ui-pro](https://github.com/njleonzhang/element-ui-pro) Boilerplate for element-ui 2.0 management website, simulate [ant design pro](https://github.com/ant-design/ant-design-pro)
* [el-form-dialog](https://github.com/njleonzhang/el-form-dialog) A tool to make [el-dialog](http://element.eleme.io/#/en-US/component/dialog) and [el-form](http://element.eleme.io/#/en-US/component/form) work eaiser, especially for creating dialog to support two states, such as `add` and `edit`.
* [babel-plugin-vue-jsx-sync](https://github.com/njleonzhang/babel-plugin-vue-jsx-sync) jsx plugin for vue sync modifier
* [docsify-demo-box-vue](https://njleonzhang.github.io/docsify-demo-box-vue/#/) A plugin for docsify to write Vue demo with instant preview and jsfiddle integration

## Buy me a coffee
<p align="center">
  <a target='_blank' rel='nofollow' href='https://www.paypal.me/njleon?yours=true'>
  <img width='650' src="https://cdn.rawgit.com/njleonzhang/vue-data-tables/a49769e2/_media/all.png">
</p>