Contact us Create app

Directory

← Back

table-of-data

v1 custom element

Author

Rating

Links

Popularity

<100

[ This description is mirrored from README.md at github.com/zvakanaka/table-of-data on 2019-05-22 ]

Table Custom Element

demo

About

Lightweight and easy to use data table

Usage

Import the element in the head

<script src="./table-of-data.js">

Put the element somewhere in the body

<table-of-data></table-of-data>

Put data in the table

let data = {
  headings: [ 'State', 'Place' ],
  rows: [
    [ 'California',
      'Redwood Forest'
    ],
    [ 'New York',
      'New York Islands'
    ]
  ]
};
document.querySelector('table-of-data').data = data;

Screenshot

Polyfill

Only Custom Elements needs to be polyfilled (webcomponents-hi-ce.js). To see how to use a polyfill, check out index.html, which only loads the polyfill if needed (credit to Eric Bidelman).

Compatibility

(Loading compatibility data...)

Last updated: 2017-10-17

Was this helpful? Need more help?
Leave a comment or a question below. You can also join the chat on Discord or ask questions on StackOverflow.

Version

Dependencies

Released
2017-10-17
Maturity
IMPORTED
License
MIT License

Compatibility

Framework
Polymer 1.0+
Browser
Browser Independent

table-of-data - Vaadin Add-on Directory

v1 custom element table-of-data - Vaadin Add-on Directory
**[ This description is mirrored from README.md at [github.com/zvakanaka/table-of-data](https://github.com//zvakanaka/table-of-data/blob/2.0.1/README.md) on 2019-05-22 ]** # Table Custom Element [demo](https://zvakanaka.github.io/table-of-data) ## About Lightweight and easy to use data table ## Usage Import the element in the head ```html
Online