Skip to content
Snippets Groups Projects
Select Git revision
  • 2b7ae8c8c49afc3f025108e34fcfe7028db3da58
  • main default protected
  • renovate/lock-file-maintenance
  • demo protected
  • person-select-custom
  • dbp-translation-component
  • icon-set-mapping
  • port-i18next-parser
  • remove-sentry
  • favorites-and-recent-files
  • revert-6c632dc6
  • lit2
  • advertisement
  • wc-part
  • automagic
  • publish
  • wip-cleanup
  • demo-file-handling
18 results

data-table-view

Christoph Reiter's avatar
Reiter, Christoph authored
Instead infer that from the columns and defer the init of the table to when we actually set
the columns data.
2b7ae8c8
History

VPU DataTableView Web Component

GitLab Repository

Usage

<vpu-data-table-view></vpu-data-table-view>

Attributes

  • lang (optional, default: de): set to de or en for German or English
    • example <vpu-data-table-view lang="de"></vpu-data-table-view>
  • paging (optional, required to let datatable do the paging of loaded rows)
    • example <vpu-data-table-view paging></vpu-data-table-view>
  • searching (optional, required if a search box is desired)
    • example <vpu-data-table-view searching></vpu-data-table-view>
  • columns.count (optional, default: 1): add placeholder columns before first table setup
    • example <vpu-data-table-view column-count="7"></vpu-data-table-view>
  • exportable (optional): set to display export buttons
    • example <vpu-data-table-view exportable></pu-data-table-view>
  • export-name (optional, default: 'Data Export'): add name for download file (without extension)
    • example <vpu-data-table-view exportable export-name="All Items"></pu-data-table-view>

Local development

# get the source
git clone git@gitlab.tugraz.at:VPU/WebComponents/DataTableView.git
cd DataTableView
git submodule update --init

# install dependencies (make sure you have npm version 4+ installed, so symlinks to the git submodules are created automatically)
npm install

# constantly build dist/bundle.js and run a local web-server on port 8003
npm run watch-local

Jump to http://localhost:8003 and you should get a demo page.