Skip to content
Snippets Groups Projects
Select Git revision
  • 2d8cc090674537ed4a66d41d430aaa4d1da15d61
  • 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

  • Clone with SSH
  • Clone with HTTPS
    • Christoph Reiter's avatar
    Use the rollup resolve plugin for finding package asssets
    Reiter, Christoph authored 
    Instead of hardcoding the paths of the node_modules directory we use the node-resolve
plugin of rollup to find the root of the corresponding JS package and calcucate a path from
there.

Resolving a package requires calling an async function, so we have to use await in the rollup config.
Luckily rollup supports configs wrapped in a promise, so we just have to wrap it in a function which returns
a promise.
    68a87639
    History
    Christoph Reiter's avatar 68a87639
    History
    Name Last commit Last update
    ..
    .idea
    assets
    src
    test
    .gitignore
    .gitmodules
    LICENSE
    README.md
    karma.conf.js
    package.json
    rollup.config.js
    README.md

    DataTableView Web Component

    GitLab Repository

    Usage

    <dbp-data-table-view></dbp-data-table-view>

    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@gitlab.tugraz.at:dbp/web-components/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.