博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
js实现table合并相同列单元格
阅读量:5124 次
发布时间:2019-06-13

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

/**  * Created with JetBrains WebStorm.  * User: Johnny  * Date: 18-3-26  * Time: 下午4:48 * Table td 相同值合并行 要求: * 1.table 必须包含tbody,tbody为数据主休 * 2.table 添加 id="kbdatas" * 调用说明: * $(function(){ * mergeRowSpan(4); * }); */ function uuidStr() { var s = []; var hexDigits = "0123456789abcdef"; for (var i = 0; i < 36; i++) { s[i] = hexDigits.substr(Math.floor(Math.random() * 0x10), 1); } s[14] = "4"; // bits 12-15 of the time_hi_and_version field to 0010 s[19] = hexDigits.substr((s[19] & 0x3) | 0x8, 1); // bits 6-7 of the clock_seq_hi_and_reserved to 01 s[8] = s[13] = s[18] = s[23] = "-"; var uuid = s.join(""); return uuid; } function merge(icol){ var tdTxt = ""; var list_map = new Array(); var uuid = uuidStr(); $("#kbdatas").find("tbody tr").each(function(){ var rmnode = $(this).attr("rmnode"); if(rmnode==null||rmnode==undefined||rmnode==""){ rmnode = 0; } var icolIndex = icol-rmnode; var txt = $(this).find("td:eq("+icolIndex+")").text().trim(); if(tdTxt != txt){ uuid = uuidStr(); list_map.push(uuid); tdTxt = txt; } $(this).find("td:eq("+icolIndex+")").attr("tduuid",uuid); }); for(var i = 0; i < list_map.length; i++){ var tduuid = list_map[i]; $("#kbdatas").find("td[tduuid='"+tduuid+"']").each(function(index,el){ var tdlg = $("#kbdatas").find("td[tduuid='"+tduuid+"']").length; if(0==index){ $(el).attr("rowspan",tdlg); } else { var rmnode = $(el).parent().attr("rmnode"); if(rmnode==null||rmnode==undefined||rmnode==""){ rmnode = 1; } else { rmnode++; } $(el).parent().attr("rmnode",rmnode); $(el).remove(); } }); } } function mergeRowSpan(colCount){ for(var icol = 0; icol < colCount; icol++){ merge(icol); } }

转载于:https://www.cnblogs.com/rey888/p/8674287.html

你可能感兴趣的文章
Eclipse相关集锦
查看>>
虚拟化架构中小型机构通用虚拟化架构
查看>>
继承条款effecitve c++ 条款41-45
查看>>
Java泛型的基本使用
查看>>
1076 Wifi密码 (15 分)
查看>>
noip模拟赛 党
查看>>
bzoj2038 [2009国家集训队]小Z的袜子(hose)
查看>>
Java反射机制及其Class类浅析
查看>>
Postman-----如何导入和导出
查看>>
移动设备显示尺寸大全 CSS3媒体查询
查看>>
图片等比例缩放及图片上下剧中
查看>>
【转载】Linux screen 命令详解
查看>>
background-clip,background-origin
查看>>
Android 高级UI设计笔记12:ImageSwitcher图片切换器
查看>>
【Linux】ping命令详解
查看>>
对团队成员公开感谢博客
查看>>
java学习第三天
查看>>
python目录
查看>>
django+uwsgi+nginx+sqlite3部署+screen
查看>>
Andriod小型管理系统(Activity,SQLite库操作,ListView操作)(源代码下载)
查看>>