使用jQuery实现页面表格中相同内容的行或列合并
更新:2017-12-13 10:34:51
人气:5701
来源:互联网转载
A+
/** * @ function:合并指定表格列(表格id为table_id)指定列(列数为table_colnum)的相同文本的相邻单元格 * @ param:table_id 为需要进行合并单元格的表格的id。如在HTMl中指定表格 id="data" ,此参数应为 #data * @ param:table_colnum 为需要合并单元格的所在列。为数字,从最左边第一列为1开始算起。 */ function table_rowspan(table_id, table_colnum) { table_firsttd = ""; table_currenttd = ""; table_SpanNum = 0; table_Obj = $(table_id + " tr td:nth-child(" + table_colnum + ")"); table_Obj.each(function (i) { if (i == 0) { table_firsttd = $(this); table_SpanNum = 1; } else { table_currenttd = $(this); if (table_firsttd.text() == table_currenttd.text()) { //这边注意不是val()属性,而是text()属性 //td内容为空的不合并 if(table_firsttd.text() !=""){ table_SpanNum++; table_currenttd.hide(); //remove(); table_firsttd.attr("rowSpan", table_SpanNum); } } else { table_firsttd = $(this); table_SpanNum = 1; } } }); } /* * @ function:合并指定表格行(表格id为table_id)指定行(行数为table_rownum)的相同文本的相邻单元格 * @ param:table_id 为需要进行合并单元格的表格id。如在HTMl中指定表格 id="data" ,此参数应为 #data * @ param:table_rownum 为需要合并单元格的所在行。其参数形式请参考jquery中nth-child的参数。 如果为数字,则从最左边第一行为1开始算起。 "even" 表示偶数行 "odd" 表示奇数行 "3n+1" 表示的行数为1、4、7、10....... * @ param:table_maxcolnum 为指定行中单元格对应的最大列数,列数大于这个数值的单元格将不进行比较合并。 此参数可以为空,为空则指定行的所有单元格要进行比较合并。 */ function table_colspan(table_id, table_rownum, table_maxcolnum) { if (table_maxcolnum == void 0) { table_maxcolnum = 0; } table_firsttd = ""; table_currenttd = ""; table_SpanNum = 0; $(table_id + " tr:nth-child(" + table_rownum + ")").each(function (i) { table_Obj = $(this).children(); table_Obj.each(function (i) { if (i == 0) { table_firsttd = $(this); table_SpanNum = 1; } else if ((table_maxcolnum > 0) && (i > table_maxcolnum)) { return ""; } else { table_currenttd = $(this); if (table_firsttd.text() == table_currenttd.text()) { //td内容为空的不合并 if (table_firsttd.text() !="") { table_SpanNum++; table_currenttd.hide(); //remove(); table_firsttd.attr("colSpan", table_SpanNum); table_firsttd.attr("style", "text-align:center"); } } else { table_firsttd = $(this); table_SpanNum = 1; } } }); }); }
推荐的文章
随手记
- ● 统信UOS开机指定网址全屏启动自带浏览器以及屏蔽ALT+F4关闭
- ● xshellSSH连接Linux服务器防止超时退出
- ● php8开启OpenSSL扩展库报错disabledinstallext
- ● 统信系统linux安装php时的报错libxml-2.0>=2.7.6
- ● tidb关闭sql_mode=ONLY_FULL_GROUP_BY模式
- ● windows10如何开机自动运行bat文件
- ● Win10Mysql8初始密码丢失,初始化又不显示密码
- ● UOS系统关闭防火墙或者放行tcp80端口
- ● 统信系统UOS纯命令行与图形模式界面桌面切换方法
- ● javascript(js)的小数点乘法除法问题详解
PHP经验分享
- ● PHP代码用UDP方式远程唤醒电脑让计算机开机
- ● apache下php生成验证码图片不能显示
- ● PHP使用AES加密解密示例(无偏移)
- ● Pluginmysql_native_passwordreported:''mysql_native_password'isdeprecate问题
- ● PHP实现计算CRC-16/MODBUS校验位
- ● MySQLSUM在没有符合查询条件时返回结果为空的处理办法
- ● 如何开启PHP8的JIT提升运行速度
- ● 钉钉API接口-用PHP+Curl实现获取用户信息
- ● 钉钉API接口-用PHP+Curl实现获取应用Access_Token
- ● 在PHP中使用CURL,“撩”服务器只需几行——phpcurl详细解析和常见大坑