# @quasiris/qsc-data-table

> ``` npm i @quasiris/qsc-data-table ```

Latest version **1.7.31** (published 2023-01-10) · 0 weekly downloads

## Install

```sh
npm install @quasiris/qsc-data-table
pnpm add @quasiris/qsc-data-table
yarn add @quasiris/qsc-data-table
bun add @quasiris/qsc-data-table
```

## Health

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

Positive: no vulnerabilities.

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

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.7.31 |
| Published | 2023-01-10 |
| First published | 2020-12-15 |
| Weekly downloads | 0 |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 21 |
| Unpacked size | 30.8 MB |
| Known vulnerabilities | 0 (+1 in 1 direct dependencies) |
| Install scripts | no |
| Maintainers | mohammadi.mehdi, msr9448, tblsoft, qmki |

## Links

- npm: https://www.npmjs.com/package/@quasiris/qsc-data-table
- npm.io page: https://npm.io/package/@quasiris/qsc-data-table

## Dependencies (21)

- [vue](https://npm.io/package/vue.md) ^2.5.22
- [vuex](https://npm.io/package/vuex.md) ^3.4.0
- [lodash](https://npm.io/package/lodash.md) ^4.17.21
- [moment](https://npm.io/package/moment.md) ^2.24.0
- [core-js](https://npm.io/package/core-js.md) ^2.6.2
- [bootstrap](https://npm.io/package/bootstrap.md) ^4.2.1
- [css-loader](https://npm.io/package/css-loader.md) ^5.0.1
- [vue-router](https://npm.io/package/vue-router.md) ^3.2.0
- [@coreui/vue](https://npm.io/package/@coreui/vue.md) ^2.1.2
- [bootstrap-vue](https://npm.io/package/bootstrap-vue.md) ^2.4.0
- [vue-json-tree](https://npm.io/package/vue-json-tree.md) ^0.4.3
- [webpack-merge](https://npm.io/package/webpack-merge.md) ^5.7.3
- [vue2-datepicker](https://npm.io/package/vue2-datepicker.md) ^3.9.1
- [vue-style-loader](https://npm.io/package/vue-style-loader.md) ^4.1.2
- [@coreui/coreui-pro](https://npm.io/package/@coreui/coreui-pro.md) ^2.1.6
- [vue-simple-suggest](https://npm.io/package/vue-simple-suggest.md) ^1.10.1
- [@vue/cli-service-global](https://npm.io/package/@vue/cli-service-global.md) ^4.5.9
- [@quasiris/qsc-data-inputs](https://npm.io/package/@quasiris/qsc-data-inputs.md) 0.0.33
- [@fortawesome/vue-fontawesome](https://npm.io/package/@fortawesome/vue-fontawesome.md) ^2.0.0
- [@fortawesome/fontawesome-svg-core](https://npm.io/package/@fortawesome/fontawesome-svg-core.md) ^1.2.32
- [@fortawesome/free-solid-svg-icons](https://npm.io/package/@fortawesome/free-solid-svg-icons.md) ^5.15.1

## Recent versions

- 1.7.31 (latest) — 2023-01-10
- 1.7.30 — 2023-01-07
- 1.7.29 — 2023-01-06
- 1.7.28 — 2023-01-02
- 1.7.27 — 2023-01-02
- 1.7.26 — 2022-12-05
- 1.7.25 — 2022-12-05
- 1.7.24 — 2022-12-05
- 1.7.23 — 2022-12-05
- 1.7.22 — 2022-12-05
- 1.7.21 — 2022-11-25
- 1.7.20 — 2022-10-24
- 1.7.19 — 2022-10-11
- 1.7.18 — 2022-10-11
- 1.7.17 — 2022-08-14
- … 173 more at https://npm.io/package/@quasiris/qsc-data-table/versions

## README

# quasiris-data-table-library

## Install package
```
npm i @quasiris/qsc-data-table
```

## Project setup
```
npm install
```

## Build library
```
npm run build-lib
```

## Publish to npm
```
npm publish
```

## Run demo
```
npm run serve
```

###How to use
```
Add globall

import QscDataTable from '@quasiris/qsc-data-table';
Vue.component('qsc-data-table', QscDataTable);


<template>
    <qsc-data-table :columns="dataTable.columns"
                         :rows="dataTable.rows"
                         :filters="true"
                         :filters-list="searchQuery.searchFilters"
                         v-on:addFilter="handleAddFilter($event)"
                         v-on:addNotFilter="handleAddNotFilter($event)"
                         v-on:removeFilter="handleRemoveFilter($event)"
         />
</tempalte>
  <script>
    data() {
        return {
          dataTable: {
            suggestUrl: 'https://qsc-dev.quasiris.de/api/v1/search/suggest/hornbach-de/search',
            columns: ['name', 'type', 'entries', 'timestamp'],
            rows: [
              {
                name: 'quasiris',
                type: 'qsc',
                id: 1,
                entries: [
                  'entries'
                ],
                timestamp: "2021-02-10T22:20:48.638+00:00"
              },
              {
                name: 'quasiris',
                type: 'qsc',
                id: 2,
                entries: [
                  'entries'
                ]
              },
              {
                name: 'quasiris',
                type: 'qsc',
                id: 3,
                entries: [
                  'entries'
                ]
              },
              {
                name: 'quasiris',
                type: 'qsc',
                id: 4,
                entries: [
                  'entries'
                ]
              },
              {
                name: 'quasiris',
                type: 'qsc',
                id: 5,
                entries: [
                  'entries'
                ]
              },
            ],
          },
          searchQuery: {
            page: 1,
            q: "*",
            rows: 20,
            searchFilters: [{
              id: "name",
              values: ['quasiris']
            }],
            sliders: [],
          },
        }
      },
       methods:{
        
        }
 </script>
```

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