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

<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

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

FAQs

What is @dbp-toolkit/data-table-view?

Is @dbp-toolkit/data-table-view well maintained?

Package last updated on 03 Mar 2023

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install