JQuery 合并 table 相同数据的列 rowspan

在实际项目应用当中,可能需要合并 table 表格中相同数据的列来显示数据,当然也可以再显示数据时使用rowspan属性来实现合并,但是这样比较复杂。这边我们直接给出使用 jQuery 的函数方法:

jQuery.fn.rowspan = function(colIdx=0) {     return this.each(function() {         var that;         $('tr', this).each(function(row) {             $('td:eq(' + colIdx + ')', this).filter(':visible').each(function(col) {                 if (that != null && $(this).html() == $(that).html()) {                     rowspan = $(that).attr("rowSpan");                     if (rowspan == undefined) {                         $(that).attr("rowSpan", 1);                         rowspan = $(that).attr("rowSpan");                     }                     rowspan = Number(rowspan) + 1;                     $(that).attr("rowSpan", rowspan);                     $(this).hide();                 } else {                     that = this;                 }             });         });     }); } $(function() {     //要合并的列序号,后面数字是第几列     $("#content_table").rowspan(0);      $("#content_table").rowspan(1); });

腾讯云限时秒杀【点击购买】

搬瓦工,CN2高速线路,1GB带宽,电信联通优化KVM,延迟低,速度快,建站稳定,搬瓦工BandwagonHost VPS优惠码BWH26FXH3HIQ,支持<支付宝> 【点击购买】!

Vultr$3.5日本节点,512M内存/500G流量/1G带宽,电信联通优化,延迟低,速度快【点击购买】!

阿里云香港、新加坡VPS/1核/1G/25G SSD/1T流量/30M带宽/年付¥288【点击购买】

JQuery 合并 table 相同数据的列 rowspan

`微信`扫码 加好友

链接到文章: https://www.gkxyz.com/jquery-hebing-table-xiangtongshujudelie-rowspan.html

推荐站点

  • RAKsmart

    主机商介绍:RAKsmart是知名的美国服务器租用商,包括美国站群服务器、美国cn2服务器、香港服务器等热门产 […]

  • 阿里云-为了无法计算的价值

    阿里云——阿里巴巴集团旗下公司,是全球领先的云计算及人工智能科技公司之一。提供免费试用、云服务器、云数据库、云 […]

  • Vultr

    Vultr Global Cloud Hosting – Brilliantly Fast SSD […]

评论已关闭