a-table.js
Simple Table UI for generating table html
Install
npm
npm install a-table
standalone
<script src="https://unpkg.com/[email protected]/build/a-table.min.js"></script>
css
<link rel="stylesheet" href="https://unpkg.com/[email protected]/css/a-table.css">
fonts
<link rel="stylesheet" type="text/css" href="https://unpkg.com/[email protected]/fonts/a-table-icon.css">
Demo
https://appleple.github.io/a-table.js/
Usage
import aTable from 'a-table'; const table = new aTable('.table', { lang:'ja', mark:{ btn:{ group:'acms-admin-btn-group acms-admin-btn-group-inline', item:'acms-admin-btn', itemActive:'acms-admin-btn acms-admin-btn-active' } }, selector:{ option:[ {label:'赤',value:'red'}, {label:'青',value:'blue'}, {label:'黄色',value:'yellow'} ] } }); table.afterRendered = table.afterEntered = function(){ document.querySelector('.test').innerText = this.getTable(); document.querySelector('.markdown').innerText = this.getMarkdown(); } table.afterRendered();