以前写过一篇layui table点击按钮添加、删除一行。
今天学习了一种省事的动态添加元素的方法。
参考文章:JQuery动态给LayUI table赋值。
<table class="layui-table" id="table" lay-filter="table">
<thead>
<tr>
<td>姓名</td>
<td>性别</td>
</tr>
</thead>
<tbody id="tbody">
<tr id="trTemplate">
<td field="name">张三</td>
<td field="gender">男</td>
</tr>
</tbody>
</table>
function addRow() {
var row = $("#trTemplate").clone();
row.find("td[field=name]").text("李四");
row.find("td[field=gender]").text("女");
$("#tbody").append(row);
}
动态数据同理。循环后台数据赋值即可。