jquery 动态合并单元格

最新推荐文章于 2024-03-17 17:53:20 发布

zhenzhenzhao12

最新推荐文章于 2024-03-17 17:53:20 发布

阅读量7.6k

点赞数

CC 4.0 BY-SA版权

分类专栏： juqery

本文链接：https://blog.youkuaiyun.com/zhenzhenzhao12/article/details/17083813

juqery 专栏收录该内容

5 篇文章

订阅专栏

本文介绍使用jQuery进行表格操作的方法，包括在指定位置插入行、合并单元格、读取特定行列数据等实用技巧。

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

                
 

////在table的第二行的位置添加一行：
 
		var tbl_elm = $("#dgList");
                $('<tr><td colspan=\'2\'>xxxxxx</td></tr>').insertBefore($("TR", tbl_elm).eq(1))
                
 
 
 

////table中指定行第N列合并单元格(合并后会多出一列，删除N+1单元格即可)
		var tds = $("#dgList .TableHeader1").find('td');
                tds[6].setAttribute("colSpan", "2");还可以写成：tds[6].attr("rowSpan", 2);这种格式

                $("#dgList").find("tr").eq(0).find("td").eq(7).remove();

 


 

////juqery 读取table第N行第M列
                 $("#dgList").find("tr").eq(N).find("td").eq(M);
                

               

 

////合并一行中除个别单元格之外的所有单元格
		$("#dgList tr:eq(0) td").each(function () {
                    if ($(this).text() != '租赁资源' && $(this).text() != '用地规范') {
                        $(this).attr("rowspan", "2");
                    }
                });



 ////指定行插入指定行后面
                $('<tr><td>租赁资源</td><td>用地规范</td></tr>').insertAfter($("#dgList tr:eq(0)"));