jquery 动态合并单元格的实现方法


Posted in Javascript onAugust 26, 2016

如下所示:

////在table的第二行的位置添加一行:
 
var tbl_elm = $("#dgList");
$('<tr><td colspan=\'2\'>xxxxxx</td></tr>').insertBefore($("TR", tbl_elm).eq(1))


////table中指定行第N列合并单元格(合并后会多出一列,删除N+1单元格即可)

var tds = $("#dgList .TableHeader1").find('td');

tds[6].setAttribute("colSpan", "2");

还可以写成:tds[6].attr("rowSpan", 2);

这种格式$("#dgList").find("tr").eq(0).find("td").eq(7).remove();


////juqery 读取table第N行第M列
 $("#dgList").find("tr").eq(N).find("td").eq(M);

 

////合并一行中除个别单元格之外的所有单元格
  $("#dgList tr:eq(0) td").each(function () {
  if ($(this).text() != '租赁资源' && $(this).text() != '用地规范') {
    $(this).attr("rowspan", "2");
  }
});


 ////指定行插入指定行后面
$('<tr><td>租赁资源</td><td>用地规范</td></tr>').insertAfter($("#dgList tr:eq(0)"));

以上这篇jquery 动态合并单元格的实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
javascript同步Import,同步调用外部js的方法
Jul 08 Javascript
33个优秀的 jQuery 图片展示插件分享
Mar 14 Javascript
使用js正则控制input标签只允许输入的值
Jul 29 Javascript
JQGrid的用法解析(列编辑,添加行,删除行)
Nov 08 Javascript
html文档中的location对象属性理解及常见的用法
Aug 13 Javascript
javascript获取本机操作系统类型的方法
Aug 13 Javascript
jquery实现华丽的可折角广告代码
Sep 02 Javascript
JavaScript数组操作函数汇总
Aug 05 Javascript
JavaWeb表单及时验证功能在输入后立即验证(含用户类型,性别,爱好...的验证)
Jun 09 Javascript
基于zepto.js实现登录界面
Oct 09 Javascript
Vue CLI3 开启gzip压缩文件的方式
Sep 30 Javascript
vue cli4.0项目引入typescript的方法
Jul 17 Javascript
轻松掌握JavaScript中介者模式
Aug 26 #Javascript
修改jquery中dialog的title属性方法(推荐)
Aug 26 #Javascript
修改Jquery Dialog 位置的实现方法
Aug 26 #Javascript
在线引用最新jquery文件的实现方法
Aug 26 #Javascript
纯前端JavaScript实现Excel IO案例分享
Aug 26 #Javascript
js时间比较 js计算时间差的简单实现方法
Aug 26 #Javascript
JavaScript toUpperCase()方法使用详解
Aug 26 #Javascript
You might like
剧场版动画《PSYCHO-PASS 3 FIRST INSPECTOR》3月27日日本上映!
2020/03/06 日漫
使用数据库保存session的方法
2006/10/09 PHP
PHP 多维数组排序(usort,uasort)
2010/06/30 PHP
解决Codeigniter不能上传rar和zip压缩包问题
2014/03/07 PHP
PHP多个图片压缩成ZIP的方法
2020/08/18 PHP
javascript日期转换 时间戳转日期格式
2011/11/05 Javascript
js自定义事件及事件交互原理概述(二)
2013/02/01 Javascript
Javascript基础教程之比较操作符
2015/01/18 Javascript
js实现每日自动换一张图片的方法
2015/05/04 Javascript
jquery中trigger()无法触发hover事件的解决方法
2015/05/07 Javascript
基于JavaScript制作霓虹灯文字 代码 特效
2015/09/01 Javascript
原生javascript实现addClass,removeClass,hasClass函数
2016/02/25 Javascript
easyUI实现(alert)提示框自动关闭的实例代码
2016/11/07 Javascript
基于vue的换肤功能的示例代码
2017/10/10 Javascript
轻松理解vue的双向数据绑定问题
2017/10/30 Javascript
vue和webpack项目构建过程常用的npm命令详解
2018/06/15 Javascript
layer弹出层父子页面事件相互调用方法
2018/08/17 Javascript
JavaScript进阶(一)变量声明提升实例分析
2020/05/09 Javascript
NodeJS多种创建WebSocket监听的方式(三种)
2020/06/04 NodeJs
vue打包通过image-webpack-loader插件对图片压缩优化操作
2020/11/12 Javascript
Python线性方程组求解运算示例
2018/01/17 Python
Python元字符的用法实例解析
2018/01/17 Python
Python pygorithm模块用法示例【常见算法测试】
2018/08/16 Python
DataFrame:通过SparkSql将scala类转为DataFrame的方法
2019/01/29 Python
在python下使用tensorflow判断是否存在文件夹的实例
2019/06/10 Python
安装docker-compose的两种最简方法
2019/07/30 Python
python如何实现图片压缩
2020/09/11 Python
CSS3+font字体文件实现圆形半透明菜单具体步骤(图解)
2013/06/03 HTML / CSS
如何利用cmp命令比较文件
2013/09/23 面试题
七年级地理教学反思
2014/01/26 职场文书
运动会入场词100字
2014/02/06 职场文书
机械设计专业大学生职业生涯规划书范文
2014/09/13 职场文书
中班下学期个人总结
2015/02/12 职场文书
SpringBoot中使用Redis作为全局锁示例过程
2022/03/24 Java/Android
Windows7下FTP搭建图文教程
2022/08/05 Servers
Go语言编译原理之变量捕获
2022/08/05 Golang