v1 custom element

[ 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).

Install

Link to this version
ImportedReleased 17 October 2017MIT License
Framework Support
Polymer 1.0+
Browser Compatibility
Install with
bower install --save zvakanaka/table-of-data"#2.0.1"
Run the above Bower command in your project folder. If you have any issues installing, please contact the author.
Release notes - Version 2.0.1

Dependencies