随笔 - 94  文章 - 0 评论 - 51 trackbacks - 3

    在前面的文章《用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 白花油              
5 00028 红花油              
6 深圳              
7              
8              
9              

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

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

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

1、在html的head中引入jQuery
 

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

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

posted on 2009-08-13 11:40  steven_2005  阅读(1641)  评论(2编辑  收藏