现有如下表格
<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>
<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>
解决方案 »
- 如何在本站点连接到其他站点,并把其他站点需要的查询参数带过去。
- language="javascript" type="text/javascript"是啥意思?
- JS中鼠标滑动到链接上出现一个图层,滑过图层消失
- google,baidu能否收录到js里的内容?
- 新年快乐~!顺便请教各位高手,如何用js修改xml文件?
- 请问<a href="javascript:;" > 点击触发什么样的事件?
- js 编写页面图表的问题? 大家帮忙看下
- 数据类型转换
- 客户端Vbscript如何使用cookie?
- 在Tomcat作为服务器,为什么用不了fso = new ActiveXObject("Scripting.FileSystemObject");
- ajax请教
- Is there no JavaScript syntax, method that allows you to change the string?
//很简单,注释就不写了
<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>//如果经过查检,没有经过调试,如果有错,请告诉我
mytable.innerHTML=mytatable_innerhtml;
我刚才测试了一下,有点小问题:
(1),新增了二行
(2)
如何在 <table>之后插入: <THEAD style="display:table-header-group;">
如何在第一个 </tr>后插入: </thead> <tbody>
如何在 </table> 之前插入: </TBODY> <TFOOT style="display:table-footer-group;"></TFOOT>
没有成功
望lindabang好人再帮我一下,谢谢!