如何在现有表格后面添加一行？

现有如下表格
<table id="mytab">
<tr><td>编号</td><td>姓名</td></tr>
<tr><td>1</td><td>小王</td></tr>
<tr><td>2</td><td>小明</td></tr>
<tr><td>3</td><td>小如</td></tr>
<tr><td>4</td><td>小陈</td></tr>
<tr><td>5</td><td>小赵</td></tr>
<tr><td>6</td><td>小刘</td></tr>
<tr><td>7</td><td>小王</td></tr>
<tr><td>8</td><td>小明</td></tr>
<tr><td>9</td><td>小如</td></tr>
<tr><td>10</td><td>小陈</td></tr>

---
</table>
行数是不确定的，
如何在最后一行之后插入：<tr><td>合计</td><td>10人</tD></tr>
如何在<table>之后插入：<THEAD style="display:table-header-group;">
如何在第一个</tr>后插入：</thead><tbody>
如何在</table> 之前插入：</TBODY><TFOOT style="display:table-footer-group;"></TFOOT>
从第5行开始，3行的倍数的样式为：style="page-break-after:always;"
最终于形成如下表格：

<table>
<THEAD style="display:table-header-group">    //新插入的
<tr><td>编号</td><td>姓名</td></tr>
</THEAD><TBODY>                              //新插入的
<tr><td>1</td><td>小王</td></tr>
<tr><td>2</td><td>小明</td></tr>
<tr><td>3</td><td>小如</td></tr>
<tr style="page-break-after:always;"><td>4</td><td>小陈</td></tr>
<tr><td>5</td><td>小赵</td></tr>
<tr><td>6</td><td>小刘</td></tr>
<tr style="page-break-after:always;"><td>7</td><td>小王</td></tr>
<tr><td>8</td><td>小明</td></tr>
<tr><td>9</td><td>小如</td></tr>
<tr style="page-break-after:always;"><td>10</td><td>小陈</td></tr>

---
</TBODY><TFOOT style="display:table-footer-group;"></TFOOT>  //新插入的
</table>

6 个解决方案

#1

tbl.insertRow(-1);

#2

tbl.insertRow(-1);
ok

#3

//好人做到底,帮你全写了.
//很简单,注释就不写了
<script language="javascript">
var mytable=document.getElementById("mytab");

lastRow_str="<tr> <td>合计 </td> <td>10人 </tD> </tr>";
lastRow=document.createElement(lastRow_str);
mytable.appendChild(lastRow);//以上三句在表格最后插入一行

var firstRow=mytable.rows[0];

var table_innerhtml="";
table_innerhtml+='<THEAD style="display:table-header-group;">';
table_innerhtml+="<tr>"+firstRow.innerHTML+"</tr><tbody>";  //

for(var i=1;i<mytable.rows.length;i++)
{
table_innerhtml+="<tr>"+mytable.rows[i].innerHTML+"</tr>";
if(i>5&&i%3==0)
mytable.rows[i].style.cssText="page-break-after:always;";
}
table_innerhtml+='</TBODY> <TFOOT style="display:table-footer-group;"> </TFOOT>';


</script>

//如果经过查检,没有经过调试,如果有错,请告诉我

#4

该死的,忘了最后一句最重要的没有加了.

要在上面的</script>前加入:

mytatable_innerhtml+="</table>";
mytable.innerHTML=mytatable_innerhtml;

#5

谢谢楼上的大哥，特别要谢谢lindabang
我刚才测试了一下，有点小问题：
（1），新增了二行
（2）
如何在 <table>之后插入： <THEAD style="display:table-header-group;"> 
如何在第一个 </tr>后插入： </thead> <tbody> 
如何在 </table> 之前插入： </TBODY> <TFOOT style="display:table-footer-group;"></TFOOT> 
没有成功
望lindabang好人再帮我一下，谢谢！

#6

学习