# vue-data-tables

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

Latest version **3.4.5** (published 2019-11-21) · 0 weekly downloads

## Install

```sh
npm install vue-data-tables
pnpm add vue-data-tables
yarn add vue-data-tables
bun add vue-data-tables
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 3.4.5 |
| Published | 2019-11-21 |
| First published | 2016-12-26 |
| Weekly downloads | 0 |
| TypeScript types | none |
| Module format | CommonJS |
| Node | >= 6.0.0 |
| Dependencies | 3 |
| Unpacked size | 1.1 MB |
| Known vulnerabilities | 0 (+1 in 1 direct dependencies) |
| Install scripts | no |
| Author | njleonzhang |
| Maintainers | njleonzhang |
| Keywords | vue-data-tables, data, grid, data-tables, vue, vue2, pagination |

## Links

- npm: https://www.npmjs.com/package/vue-data-tables
- Homepage: https://github.com/njleonzhang/vue-data-tables
- npm.io page: https://npm.io/package/vue-data-tables

## Dependencies (3)

- [vue](https://npm.io/package/vue.md) ^2.5.16
- [lodash](https://npm.io/package/lodash.md) ^4.17.10
- [element-ui](https://npm.io/package/element-ui.md) ^2.3.9

## Alternatives

- [@lexical/table](https://npm.io/package/@lexical/table.md) — 3.0M weekly downloads
- [mantine-datatable](https://npm.io/package/mantine-datatable.md) — 98.2K weekly downloads
- [react-native-collapsible-tab-view](https://npm.io/package/react-native-collapsible-tab-view.md) — 70.6K weekly downloads
- [@handsontable/vue3](https://npm.io/package/@handsontable/vue3.md) — 16.1K weekly downloads
- [vuewordcloud](https://npm.io/package/vuewordcloud.md) — 7.2K weekly downloads

## Recent versions

- 3.4.5 (latest) — 2019-11-21
- 3.4.3 (ssr) — 2018-07-20
- 3.3.9 (beta) — 2018-06-12
- 3.4.4 — 2018-09-20
- 3.4.2 — 2018-07-06
- 3.4.1 — 2018-07-05
- 3.4.0 — 2018-06-12
- 3.3.8 — 2018-06-05
- 3.3.7 — 2018-06-01
- 3.3.6 — 2018-06-01
- 3.3.5 — 2018-05-23
- 3.3.4 — 2018-05-22
- 3.3.3 — 2018-05-22
- 3.3.2 — 2018-05-21
- 3.3.1 — 2018-05-18
- … 31 more at https://npm.io/package/vue-data-tables/versions

## README

<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>

---
_Source: https://npm.io/package/vue-data-tables · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._