Simple Table UI for generating table html
npm install a-table
<script src="https://unpkg.com/[email protected]/build/a-table.min.js"></script><link rel="stylesheet" href="https://unpkg.com/[email protected]/css/a-table.css"><link rel="stylesheet" type="text/css" href="https://unpkg.com/[email protected]/fonts/a-table-icon.css">https://appleple.github.io/a-table.js/
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();