博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jQuery合并单元格以及还原重置
阅读量:4948 次
发布时间:2019-06-11

本文共 2098 字,大约阅读时间需要 6 分钟。

一、合并rowspan

jQuery.fn.rowspan = function(colIdx) {      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;                        }                    });             });       });  } 使用方法:$("#tableId").rowspan(0); // 第0列上下一样的数据将合并

 

二、合并后还原

jQuery.fn.ResetTable=function(){        $("tr",this).each(function(trindex,tritem){               $(tritem).find("td").each(function(tdindex,tditem){                    var Rcount=$(tditem).attr("rowspan");                    var Ccount=$(tditem).attr("colspan");                    var newtd=""+$(tditem).text()+"";                    if(Rcount>1){                        var parent=$(tditem).parent("tr")[0];                        while(Rcount >1){                            $(parent).next().find("td").eq(tdindex).before(newtd);                            parent=$(parent).next();                            Rcount--;                        }                        $(tditem).removeAttr("rowspan");                    }                                        if(Ccount>1){                        while(Ccount>1){                            $(tditem).after(newtd);                            Ccount--;                        }                        $(tditem).removeAttr("colspan");                    }                                  });                        }); }                  使用方法: $("#tableId").ResetTable();

 

转载于:https://www.cnblogs.com/xsphehe/p/7102471.html

你可能感兴趣的文章
cocos2d-js-v3.0-rc0 下 pomelo-cocos2d-jsb native web 配置
查看>>
怎样在 Swift 项目中使用 CocoaPods
查看>>
poj 1258 Agri-Net
查看>>
2018-07-11CROSS JOIN+INNER JOIN+LEFT JOIN+RIGHT JOIN
查看>>
java回收算法
查看>>
【原】Github系列之二:开源 一行代码实现多形式多动画的推送小红点WZLBadge(iOS)...
查看>>
WCF技术研究团队QA专题
查看>>
qt弹出对话框选择图片并显示
查看>>
详解基于MFC计算器实现过程
查看>>
浅谈IOC--说清楚IOC是什么
查看>>
DataGridview焦点不移开不保存数据问题
查看>>
C语言字节对齐
查看>>
在iOS开发中使用FMDB
查看>>
NSURL 处理的基本函数
查看>>
IOS开发之Cocoa编程—— NSUndoManager
查看>>
17.蛇形矩阵(模拟)
查看>>
Javascript 第一天
查看>>
[BZOJ 1002] [FJOI 2007] 轮状病毒
查看>>
linux 打造man中文帮助手册
查看>>
02-body标签中相关标签
查看>>