Editable Table
A web component for editing a collection of records
Usage
<!-- Load `editable-table` directly from Pika's CDN --> <!-- put a normal <table> tag inside <editable-table> tags. The last <tr> in <tbody> becomes the template for new rows --> Name E-Mail Birthday ×
You can get or add records using the JS API:
const editableTable = document;// get records out of tableconst records = editableTable;// add a new record to the end of the tableeditableTable;// add a new record after the 2ndeditableTable;// add multiple records at onceeditableTable; // update 1st roweditableTable;// remove 3rd roweditableTable;
Or listen to events
editableTable;editableTable;editableTable;editableTable;
Local Setup
git clone git@github.com:gr2m/editable-table.gitcd editable-tablenpm installnpm start