import { JsHtml } from './js/JsHtml.js';
JsHtml.start
.table({class:'table table-striped table-hover table-bordered'}).css('height', '400px')
.tag('thead')
.tr()
.th().text('Nom').end()
.th().text('Prénom').end()
.th().text('Age').end()
.end()
.end()
.tbody()
.tr()
.td().text('Doe').end()
.td().text('John').end()
.td().text('25').end()
.end()
.tr()
.td().text('Doe').end()
.td().text('Jane').end()
.td().text('22').end()
.end()
.end()
.end().generate().appendTo($('#parent'));
JsHtml.start
.button({class:'mel-button', onclick:() => {
JsHtml.start
.tr({class:'added'})
.td().text('Added line name').end()
.td().text('Added line firstname').end()
.td().text('Added line age').end()
.end().generate().appendTo($('tbody'));
}})
.text('Ajouter un élément')
.end().generate().appendTo($('#parent').parent());