js动态合并行

最新推荐文章于 2024-08-30 11:21:23 发布

666小肥肥666

最新推荐文章于 2024-08-30 11:21:23 发布

阅读量1.1k

点赞数

分类专栏： javaScript 文章标签： js动态合并行

本文链接：https://blog.youkuaiyun.com/qq_41115103/article/details/102682658

版权

本文介绍了如何使用JavaScript实现动态合并HTML表格中的行，详细解析了期望的效果和具体的实现代码，帮助开发者掌握这一实用技巧。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

动态合并行

1，期望效果

在这里插入图片描述

2，代码如下

//对第几列进行操作，cells后面就写几
* @returns
 */
function autoRowSpan() 
 	    {
   
	var tab = document.getElementById("tb2");
	var name2 = "";
	for (var i = 0, j = 0; i < tab.rows.length-1; i++, j++) {
   
		if (name2 == tab.rows[i].cells[1].innerHTML) {
   
			tab.rows[i].deleteCell(1)
		} else {
   
			name2 = tab.rows[i].cells[1].innerHTML;
			if (i > 0)
				tab.rows[i - j].cells[1].rowSpan = j;
			j = 0<

最低0.47元/天解锁文章