zoukankan      html  css  js  c++  java
  • 用jQuery合并表格中左侧表头同列相同文本的相邻单元格(二)

        在前面的文章《用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中调用合并函数合并单元格

  • 相关阅读:
    CKEditor 4 上传视频
    CKEditor 4 上传图片
    azure跨域问题(访问azure存储账户数据,blob)
    azure 上传blob到ams(CreateFromBlob)
    js 时间格式化成字符串
    js正则表达式替换HTML标签以及空格( )
    js 获取上传视频的时长、大小、后缀名
    webapi 跨域问题
    requests(二): json请求中固定键名顺序&消除键和值之间的空格
    requests(一): 发送一个json格式的post请求
  • 原文地址:https://www.cnblogs.com/ly5201314/p/1545126.html
Copyright © 2011-2022 走看看