# vue-lazy-table

> Auto labeling , customable Vue table component

Latest version **1.0.5** (published 2017-06-26) · ISC license · 0 weekly downloads

## Install

```sh
npm install vue-lazy-table
pnpm add vue-lazy-table
yarn add vue-lazy-table
bun add vue-lazy-table
```

## 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 | 1.0.5 |
| Published | 2017-06-26 |
| First published | 2017-06-26 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 2 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 6 |
| Maintainers | frank890417 |

## Links

- npm: https://www.npmjs.com/package/vue-lazy-table
- Repository: https://github.com/frank890417/vue-lazy-table
- Homepage: https://github.com/frank890417/vue-lazy-table#readme
- Issues: https://github.com/frank890417/vue-lazy-table/issues
- npm.io page: https://npm.io/package/vue-lazy-table

## Dependencies (2)

- [vue](https://npm.io/package/vue.md) ^1.0.21
- [babel-runtime](https://npm.io/package/babel-runtime.md) ^6.0.0

## Recent versions

- 1.0.5 (latest) — 2017-06-26
- 1.0.4 — 2017-06-26
- 1.0.3 — 2017-06-26
- 1.0.2 — 2017-06-26
- 1.0.1 — 2017-06-26
- 1.0.0 — 2017-06-26

## README

# vue_lazy_table
a Vue table component using easy syntax to display complex data with minimum configutation

### minimum setting , auto key labeling
```
vue_lazy_table(:table_data = "devices")
```
![](http://i.imgur.com/ssqx26G.png)
### settings with row , support alias and post handler

```
vue_lazy_table(:table_data = "conclude_table"
                    :rows = "conclude_table_rows"

conclude_table_rows: [
  'total -> 人數總計',
  'avg -> 平均度數',
  'device_count -> 平均填寫電器'
]

//or 
conclude_table_rows: [
  {
    name: "total",
    as: "人數總計",
    handler: (num)=>(num*10)
  },
  'avg -> 平均度數',
  'device_count -> 平均填寫電器'
]

```
![](http://i.imgur.com/pw4DTXO.png)

### settings config

#### show_id -> auto add id in column if not found or not
#### show_search -> show search bar

```
vue_lazy_table(:table_data = "conclude_table"
               :rows = "conclude_table_rows"
               :configs = "{show_id: false, show_search: false}")
          

```
![](http://i.imgur.com/undefined.png)

## first commit with feature:
1. auto key extraction from raw json array data
2. easy row alias assignment  e.g. 'size -> TableSize' (if rows not assigned, auto generate label with key)
3. easy row hide set e.g. 'size -> TableSize | will not display'
4. allow row-setting syntax in string but also json object {name: '...', as: '...', handler: function(){}} , handler works like computed to post-progress column value, allowing adding unit or post caculation
5. auto id labeling / label sortable / searchable and paging (like Jquery data table)
6.allow :config {show_id: false, show_search: false}

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