用jQuery合并表格中左侧表头同列相同文本的相邻单元格

本文介绍了一种使用jQuery实现的表格单元格合并方法,该方法能够处理相邻单元格中的重复文本,并确保合并范围不会超出限定列。通过示例展示了如何在实际应用中正确地合并单元格。

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

    在前面的文章《用jQuery合并表格中相同文本的相邻单元格》中讲到可以用jQuery合并同列中相同文本的相邻单元格。

序号地区地区商品代码商品名称数量有效期至距效期(月)产品批号规格单位条形码
1广东深圳00028红花油       
2广东深圳00028红花油       
3广东深圳00028红花油       
4广东广州00027白花油       
5广东广州00028红花油       
6广东深圳00028红花油       
7广东深圳00028红花油       
8广东深圳00028红花油       
9广东深圳00028红花油       

 

    对于上面的表格,采用文章中的 _w_table_rowspan 函数进行单元格合并。合并后的结果如下:

序号地区地区商品代码商品名称数量有效期至距效期(月)产品批号规格单位条形码
1广东深圳00028红花油       
2       
3       
4广州00027白花油       
500028红花油       
6深圳       
7       
8       
9       

 

    合并结果中第5行 00028 红花油 和下面几行相同文本的内容一起合并了。但是对于这种表格,我们需要把表格前面的列的合并单元格看做是后一列单元格合并的限定范围。所以后一列的合并单元格边界不应该超过前一列的合并单元格边界。

    合并后的正确结果应该如下表:

序号地区地区商品代码商品名称数量有效期至距效期(月)产品批号规格单位条形码
1广东深圳00028红花油       
2       
3       
4广州00027白花油       
500028红花油       
6深圳00028红花油       
7       
8       
9       

 

 

1、在html的head中引入jQuery
 

 2、添加合并单元格的函数

 

 3、在html的head中调用合并函数合并单元格

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值