最近做个功能,需要动态拼接table。之前的页面是Webform,保存的时候页面会回发卡顿。改为Ajax请求,页面改为table布局。
方式一:
<table id="mytable">
<tr>
<td>
123
</td>
</tr>
</table>
<script>
//选取你的table,添加一行
$("#mytable").append("<tr><td>456</td></tr>")
</script>
方式二:
<table>
<thead>
<tr>
<th>
测试
</th>
</tr>
</thead>
<tbody id="grd">
<tr>
<td>
1
</td>
</tr>
</tbody>
</table>
var list=data
for(var item in list){
var list_item=list[item]
var trHTML = "<tr><td>"+list_item[0]+"</td></tr>"
$("#grd").append(trHTML)//在表格后面新添加一行
}