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)//在表格后面新添加一行
    }