# @salamander.be/vue-table

> A VueJs table component.

Latest version **0.0.17** (published 2019-09-09) · MIT license · 0 weekly downloads

## Install

```sh
npm install @salamander.be/vue-table
pnpm add @salamander.be/vue-table
yarn add @salamander.be/vue-table
bun add @salamander.be/vue-table
```

## Health

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

Positive: no vulnerabilities.

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

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.0.17 |
| Published | 2019-09-09 |
| First published | 2019-09-02 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 1 |
| Unpacked size | 1.8 MB |
| Known vulnerabilities | 0 (+1 in 1 direct dependencies) |
| Install scripts | no |
| GitHub stars | 1 |
| Author | Frederiek |
| Maintainers | asef_salamander, cyannick, frederiek, lennykr |
| Keywords | vue, table |

## Links

- npm: https://www.npmjs.com/package/@salamander.be/vue-table
- Repository: https://github.com/salamanderbe/vue-table
- Homepage: https://github.com/salamanderbe/vue-table#readme
- Issues: https://github.com/salamanderbe/vue-table/issues
- npm.io page: https://npm.io/package/@salamander.be/vue-table

## Dependencies (1)

- [vue](https://npm.io/package/vue.md) ^2.6.10

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

- 0.0.17 (latest) — 2019-09-09
- 0.0.16 — 2019-09-09
- 0.0.15 — 2019-09-09
- 0.0.14 — 2019-09-09
- 0.0.13 — 2019-09-05
- 0.0.10 — 2019-09-02
- 0.0.9 — 2019-09-02
- 0.0.8 — 2019-09-02
- 0.0.7 — 2019-09-02
- 0.0.6 — 2019-09-02
- 0.0.5 — 2019-09-02
- 0.0.4 — 2019-09-02
- 0.0.3 — 2019-09-02
- 0.0.2 — 2019-09-02
- 0.0.1 — 2019-09-02

## README

# Vue table
A simple styled table for Vue

### Features & characteristics:

-  Customizable columns
-  Customizable theme
-  Sortable tables

### Demo

https://salamanderbe.github.io/vue-table


## Install & basic usage

```bash
npm install @salamander.be/vue-table
```

```vue
<template>
  <div id="app" style="padding: 100px;">
    <el-table :rows="rows" :structure="structure"></el-table>
  </div>
</template>

<script>
import ElTable from @salamander.be/vue-table
import '@salamander.be/vue-table/dist/vue-table.css'

export default {
name: 'app',

components: { ElTable },

data: () => ({
  rows: [
    { first_name: 'Alexander', last_name: 'Salamander', email: 'alexander@salamander.be', active: true, labels: ['label 1'], registered: '2019-01-08' },
    { first_name: 'Mr.', last_name: 'Salamander', email: 'mr@salamander.be', active: false, labels: ['label 1', 'label 2', 'label 3'], registered: '2019-01-08' },
    { first_name: 'Mr.', last_name: 'Baldwin', email: 'baldwin@salamander.be', active: false, labels: ['label 1', 'label 2'], registered: '2019-01-08' },
  ],
  structure: [
    { visible: true, label: null, type: 'select', sortable: false },
    { visible: true, label: 'User', type: 'user', sortable: true },
    { visible: true, label: 'Email', type: 'text', key: 'email', sortable: true },
    { visible: true, label: 'Active.', type: 'boolean', key: 'active', sortable: true, size: 'xsmall' },
    { visible: true, label: 'Labels.', type: 'labels', key: 'labels', sortable: true, size: 'normal' },
    { visible: true, label: 'Registered', type: 'date', key: 'registered', sortable: true, size: 'small' },
  ]
})
}
</script>
```

## Configuration

### Props

```js

```

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