js/jquery 合并相同单元格

Posted 2023-04-04

<table id="table1">
<c:forEach items="$clientListdetail" var="po" varStatus="loop" >

<tr>
<td><center><font size="2" color="#FF0000">$po.appName </font><center></td>
<td><center><font size="2" color="#FF0000">$po.csequenceNo</font></center></td>
<td><center><font size="2" color="#FF0000">$po.cappIp</font></center></td>
<td><center><font size="2" color="#FF0000">$po.clatestRecvMsgTime</font></center></td>
<td><center><font size="2" color="#FF0000">$po.cqueueSize</font></center></td>
</tr>

</c:forEach>
</table>
这个表格值是从后台调取的，循环输出。 想要将相同单元格合并起来，请问怎么做？
效果大概做成这样的
ab 1 2 3 4 5 1 2 3 4 5
ab 2 3 4 5 6 ——————〉 ab 2 3 4 5 6
c 3 4 5 6 7 c 3 4 5 6 7
不要在网上复制代码给我 类似这种我试过不行
if (tb.rows[startRow].cells[0].innerhtml == tb.rows[i + 1].cells[0].innerHTML)
是不是因为这种获取单元格值的方法不对？

获取值的方式是对的
用个固定的位置示例:
if (tb.rows[0].cells[0].innerHTML == tb.rows[1].cells[0].innerHTML)
//伪代码
tb.rows[1].deleteCell(0)
tb.rows[0].cells[0].rowspan =2
追问

tb.rows[0].cells[0].rowspan =2 这样就写死了啊 我只是举个只有三行的例子 但是实际上不止3行的

追答

我也是举个固定例子,表示这样可行,至于怎么样动态,甚至有三行一样的,这都是你要考虑的事情了

这种首先,你需要把第一行第一列单元格的数据存放到一个外部变量,然后循环整个表格,

然后是把第二行第一列单元格的数据替换原来的外部变量..一直重复下去..

还是贴个附件..~~

注意设置的时候因为IE6/7处理rowSpan的特殊性,必须写成 rowSpan

参考技术A 10RMB是否接受我的帮助

js+html:table td合并单元格后，动态新增一行，能保持td合并的状态吗？js（jquery）代码该如何写？

效果如图。

要求 火狐 ie 兼容。。。拜托各位大侠了。。。

增加行时,js判断表中的行数,然后第一td设置相应的 rowspan即可,如5行,则 rowspan="5" 参考技术A 兄弟你这个问题解决了吗，我也有这么一个需求了，能分享下js不