最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
JS实现动态修改table及合并单元格的方法示例
时间:2017-04-20 编辑:简简单单 来源:一聚教程网
代码如下 | 复制代码 | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> functionmaketotal(){ varpageCount=4; varcurrenttype; varindexstr=""; vartabObj = document.getElementById("printtable"); //行数 varrowCount = tabObj.rows.length; //列数 varcellCount = tabObj.rows[0].cells.length; for(varq=1;q choosetype=tabObj.rows[q].cells[0].innerHTML; if(q==1){ currenttype=choosetype; } if(currenttype!=choosetype){ indexstr=q+","+indexstr; } } alert(indexstr.split(",").length); for(varp=0;p vartemp=indexstr.split(",")[p]; if(temp!=""){ varnewRow = tabObj.insertRow(temp); for(varg=0;g { varlittleCount=0; for(varh=1;h if(tabObj.rows[h].cells[g]){ if(g>1){ littleCount=littleCount+parseInt(tabObj.rows[h].cells[g].innerHTML); } } } if(g>1&&g!=6){ newRow.insertCell(g).innerHTML=littleCount; }elseif(g==6){ newRow.insertCell(g).innerHTML=""; }else{ newRow.insertCell(g).innerHTML="小计"; } } } } varnewRow = tabObj.insertRow(0); for(varg=0;g { if(g==0){ //newRow.insertCell(g).innerHTML="头部"; }else{ //newRow.insertCell(g).innerHTML="头部"; } //alert(tabObj.rows[1].cells[g]); newRow.insertCell(g).innerHTML="头部"; //tabObj.rows[0].cells[g].colsSpan =2; //tabObj.rows[0].cells[g].rowsSpan =2; tabObj.rows[1].cells[g].style.background="#CCCCCC"; tabObj.rows[0].cells[g].style.background="#CCCCCC"; //tabObj.rows[0].cells[g].rowSpan=2 } tabObj.rows[0].cells[2].colSpan =2; tabObj.rows[0].cells[2].innerHTML="反映形式"; tabObj.rows[0].cells[3].colSpan =2; tabObj.rows[0].cells[3].innerHTML="待处理业务数"; tabObj.rows[0].cells[4].colSpan =1; tabObj.rows[0].cells[4].innerHTML="反映形式"; tabObj.rows[0].cells[5].colSpan=1; tabObj.rows[0].cells[5].innerHTML="反映形式"; tabObj.rows[0].cells[6].colSpan=7; tabObj.rows[0].cells[6].innerHTML=""; tabObj.rows[0].cells[7].style.display ="none"; tabObj.rows[0].cells[8].style.display ="none"; tabObj.rows[0].cells[9].style.display ="none"; tabObj.rows[0].cells[10].style.display ="none"; tabObj.rows[0].cells[11].style.display ="none"; tabObj.rows[0].cells[12].style.display ="none"; tabObj.rows[0].cells[13].style.display ="none"; tabObj.rows[0].cells[14].style.display ="none"; } document.onreadystatechange = subSomething; functionsubSomething() { if(document.readyState =="complete") maketotal(); } |
运行效果图如下:
-
上一个: JS实现中国公民身份证号码有效性验证
-
下一个: 原生JS实现《别踩白块》游戏(兼容IE)
相关文章
- HTML简单购物数量小程序代码展示 10-31
- html canvas实现弹幕功能 10-31
- HTML中空格表示的意义 10-31
- html area标签解读 10-31
- html使用表单标签实现注册页面代码展示 10-31
- 使用HTML截图并保存为本地图片的代码展示 10-31