UNPKG

@digital-blueprint/sublibrary-app

Version:

[GitHub Repository](https://github.com/digital-blueprint/sublibrary-app) | [npmjs package](https://www.npmjs.com/package/@digital-blueprint/sublibrary-app) | [Unpkg CDN](https://unpkg.com/browse/@digital-blueprint/sublibrary-app/) | [Sublibrary Bundle](ht

github.com/digital-blueprint/sublibrary-app

digital-blueprint/sublibrary-app

53 lines (40 loc) • 2 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
# DataTableView Web Component ## Usage ```html <dbp-data-table-view></dbp-data-table-view> <script type="module" src="node_modules/@dbp-toolkit/data-table-view/dist/dbp-data-table-view.js"></script> ``` Or directly via CDN: ```html <dbp-data-table-view></dbp-data-table-view> <script type="module" src="https://unpkg.com/@dbp-toolkit/data-table-view@0.2.2/dist/dbp-data-table-view.js"></script> ``` ## Attributes - `lang` (optional, default: `de`): set to `de` or `en` for German or English - example `<dbp-data-table-view lang="de"></dbp-data-table-view>` - `paging` (optional, required to let datatable do the paging of loaded rows) - example `<dbp-data-table-view paging></dbp-data-table-view>` - `searching` (optional, required if a search box is desired) - example `<dbp-data-table-view searching></dbp-data-table-view>` - `exportable` (optional): set to display export buttons - example `<dbp-data-table-view exportable></pu-data-table-view>` - `export-name` (optional, default: 'Data Export'): add name for download file (without extension) - example `<dbp-data-table-view exportable export-name="All Items"></pu-data-table-view>` - `column-searching` (optional, default: false): add search fields for every column - example `<dbp-data-table-view column-searching></pu-data-table-view>` - `default-order` (optional, default: [ ]): set the default order as column and direction - example `<dbp-data-table-view default-order='[1,"asc"]'></pu-data-table-view>` - example `<dbp-data-table-view default-order='[[0,"desc"],[2,"asc"]]'></pu-data-table-view>` ## Local development ```bash # get the source git clone git@github.com:digital-blueprint/toolkit.git cd toolkit/packages/data-table-view # install dependencies yarn install # constantly build dist/bundle.js and run a local web-server on port 8002 yarn run watch-local # build local packages in dist directory yarn run build ``` Jump to <http://localhost:8003> and you should get a demo page.