首页Java基础Java源码Java框架设计模式JavaEEJava Web开发视频教程

您现在的位置:首页 >

Java源码

关注我们

优就业官方微信
优就业官方微信扫描二维码,即可与小
U亲密互动
优就业官方微博
优就业官方微博扫码关注,更有精彩活动
等你参与
  • 优就业官方QQ号

    优就业官方QQ号

    一键加好友
  • 咨询电话:( 9:00-22:00 )

    400-650-7353

【Java源码】合并table中值相同的列

2018-02-08 14:38:51
  1. <script type="text/javascript"
  2. window.onload=function(){ 
  3. var listTable = document.getElementById("listTable"); //根据table表格id获得要合并的表格 
  4. var trs = listTable.getElementsByTagName("tr");  
  5. if (trs.length > 1) { 
  6.    for (var i = 1; i < trs.length - 1; i++) { 
  7.        var v1 = trs[i].getElementsByTagName("td")[2].innerHTML; //2:为表格中要合并的td的位置 
  8.        var cnt = 1; 
  9.        for (var j = i + 1; j < trs.length - 1; j++) { 
  10.            var v2 = trs[j].getElementsByTagName("td")[2].innerHTML; 
  11.            if (v1 == v2) { 
  12.                trs[j].getElementsByTagName("td")[2].style.display = "none"
  13.                cnt++; 
  14.            } else { 
  15.                break
  16.            } 
  17.        } 
  18.        if (cnt > 1) { 
  19.            trs[i].getElementsByTagName("td")[2].rowSpan = cnt; 
  20.            i = i + cnt - 1; 
  21.        } 
  22.    } 
  23. </script> 
  1. <table id="listTable" width="100%" border="0" cellpadding="0" cellspacing="0"
  2. <tr>  
  3.             <td  class="table1_title1"  width="1%">复选框</td> 
  4.             <td class="table1_title1" width="6%">序号</td> 
  5.             <td class="table1_title1" width="15%" >日期</td>   //(合并行) 
  6.             <td class="table1_title1" width="10%">时间</td> 
  7.             <td class="table1_title1" width="30%">内容</td> 
  8.             <td class="table1_title1" width="15%">学习时长(分)</td> 
  9.         </tr> 
  10. <logic:iterate id="item" name="CourLearnForm" property="item" > 
  11. <tr>  
  12.             <td></td> 
  13.             <td></td> 
  14.             <td></td> 
  15.             <td></td> 
  16.             <td></td> 
  17.             <td></td> 
  18.         </tr> 
  19. </logic:iterate> 
  20. </table> 

相关推荐

优就业Java全栈开发课程全新升级

免责声明:本文来源于网络,由网友提供或网络搜集,仅供个人交流学习参考使用,不涉及商业盈利目的。如有版权问题,请联系本站管理员予以更改或删除。谢谢合作!

猜你喜欢

 
 
咨询中心
优就业微信扫一扫
微信扫一扫

400-650-7353

加入官方微博