<wc-table> CSV/JSON -> HTML Table

Installation

Installation

npm i @vanillawc/wc-table

Import from NPM

<script type="module" src="node_modules/@vanillawc/wc-table/index.js"></script>

Import from CDN

<script type="module" src="https://cdn.jsdelivr.net/gh/vanillawc/wc-table@1/index.js"></script>

Demo

Try it on WebComponents.dev

Usage

Attributes

• src - load an external CSV/JSON file

Properties

• value - get/set the editor's contents

Basic Usage

<wc-table src="sample.csv"></wc-table>

Styling

By default, <wc-table> contains an un-styled <table> element in the lightDOM. That means, it will inherit any global CSS styles present on the site and can be styled directly using CSS.

Contributing

See CONTRIBUTING.md