🚀 Big News: Socket Acquires Coana to Bring Reachability Analysis to Every Appsec Team.Learn more
Socket
DemoInstallSign in
Socket

@dbp-toolkit/data-table-view

Package Overview
Dependencies
Maintainers
3
Versions
11
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@dbp-toolkit/data-table-view

## Usage

0.3.2
latest
Source
npm
Version published
Weekly downloads
3
Maintainers
3
Weekly downloads
 
Created
Source

DataTableView Web Component

Usage

<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

Package last updated on 03 Mar 2023

Did you know?

Socket

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

Related posts