合并table中值相同的列

我就是我 2022-08-10 13:58 161阅读 0赞

<script type="text/javascript">  
window.οnlοad=function()\{  
var listTable = document.getElementById("listTable"); //根据table表格id获得要合并的表格  
var trs = listTable.getElementsByTagName("tr");   
if (trs.length > 1) \{  
   for (var i = 1; i < trs.length - 1; i++) \{  
       var v1 = trs\[i\].getElementsByTagName("td")\[2\].innerHTML; //2：为表格中要合并的td的位置  
       var cnt = 1;  
       for (var j = i + 1; j < trs.length - 1; j++) \{  
           var v2 = trs\[j\].getElementsByTagName("td")\[2\].innerHTML;  
           if (v1 == v2) \{  
               trs\[j\].getElementsByTagName("td")\[2\].style.display = "none";  
               cnt++;  
           \} else \{  
               break;  
           \}  
       \}  
       if (cnt > 1) \{  
           trs\[i\].getElementsByTagName("td")\[2\].rowSpan = cnt;  
           i = i + cnt - 1;  
       \}  
   \}  
\}  
\}  
</script>  
  
  
  
  
<table id="listTable" width="100%" border="0" cellpadding="0" cellspacing="0">  
<tr>   
            <td  class="table1\_title1"  width="1%">复选框</td>  
            <td class="table1\_title1" width="6%">序号</td>  
            <td class="table1\_title1" width="15%" >日期</td>   //（合并行）  
            <td class="table1\_title1" width="10%">时间</td>  
            <td class="table1\_title1" width="30%">内容</td>  
            <td class="table1\_title1" width="15%">学习时长（分）</td>  
        </tr>  
<logic:iterate id="item" name="CourLearnForm" property="item" >  
<tr>   
            <td></td>  
            <td></td>  
            <td></td>  
            <td></td>  
            <td></td>  
            <td></td>  
        </tr>  
</logic:iterate>  
</table>

发表评论取消回复

表情：

评论列表（有 0 条评论，161人围观）

还没有评论，来说两句吧...

相关阅读

相关 Excel导出且合并相同值的单元格

1、合并单元格工具类 / 导出excel工具类 / public class ExportExcelUtil {

你的名字/ 2024年04月06日 14:20/ 0 赞/ 77 阅读

相关 EasyExcel合并单元格（同列相同数据合并）

![在这里插入图片描述][0c6567833fb94e91b802edcc3429c46f.png] 合并后效果如下： ![在这里插入图片描述][3650c87a0ed1

绝地灬酷狼/ 2023年09月25日 17:56/ 0 赞/ 62 阅读

相关 mysql返回列中值相同的列_如何返回在MySQL中具有相同列值的行

![78a611bf07e5c2f664cab2e38915dd45.png][] 慕村9548890 select Scorefrom tbl awhere a.ID =

小咪咪/ 2023年01月12日 07:49/ 0 赞/ 175 阅读

相关 el-table自定义合并行或列

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

川长思鸟来/ 2022年09月02日 01:09/ 0 赞/ 191 阅读

相关 C#在Excel中将连续多列相同数据项合并

效果图如下： ![20080306134707289.jpg][] <table> <tbody> <tr> <td> <span sty

怼烎@/ 2022年08月26日 03:58/ 0 赞/ 382 阅读

相关 EasyUI DataGrid 相同连续列合并

$.extend($.fn.datagrid.methods, { autoMergeCells: function(jq, fields) {

超、凢脫俗/ 2022年08月21日 02:13/ 0 赞/ 213 阅读

相关合并table中值相同的列

<script type="text/javascript"> window.οnlοad=function()\{ var listTable = document.

我就是我/ 2022年08月10日 13:58/ 0 赞/ 162 阅读

相关【JqGrid】jqGrid动态合并列值

![Center][] 代码如下： [html] view plain copy 在CODE上查看代码片派生到我的代码片 $("cbhzList").

我会带着你远行/ 2022年07月14日 04:55/ 0 赞/ 316 阅读

相关使用easyUI datagrid 合并相同连续列

“似此星辰非昨夜,为谁风露立中宵” 在使用表格的日常中,经常要用到合并单元格.这里来看看使用easyUI 的datagrid时怎么合并单元格. //合并单元格

不念不忘少年蓝@/ 2022年06月07日 04:05/ 0 赞/ 451 阅读

相关 html table 表格行合并列合并

目录 1.表格边框合并 2、行合并 3、列合并 -------------------- 表格：table 行：tr 列：td 属性：

客官°小女子只卖身不卖艺/ 2021年09月03日 10:48/ 0 赞/ 815 阅读