JS拼接table

最近做个功能，需要动态拼接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)//在表格后面新添加一行
    }