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 相关文章推荐
JQuery小知识
Oct 15 Javascript
用js实现小球的自由移动代码
Apr 22 Javascript
jquery实现瀑布流效果分享
Mar 26 Javascript
JavaScript中最简洁的编码html字符串的方法
Oct 11 Javascript
javascript实现限制上传文件大小
Feb 06 Javascript
根据输入邮箱号跳转到相应登录地址的解决方法
Dec 13 Javascript
JS批量替换内容中关键词为超链接
Feb 20 Javascript
javascript基本数据类型和转换
Mar 17 Javascript
bootstrap可编辑下拉框jquery.editable-select
Oct 12 jQuery
详解基于vue-cli配置移动端自适应
Jan 13 Javascript
使用Vue-cli 3.0搭建Vue项目的方法
Jun 07 Javascript
Vue + Scss 动态切换主题颜色实现换肤的示例代码
Apr 27 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
发布一个用PHP fsockopen写的HTTP下载的类
2007/02/22 PHP
php禁止某ip或ip地址段访问的方法
2015/02/25 PHP
PHP生成图片验证码功能示例
2017/01/12 PHP
Linux下安装Memcached服务器和客户端与PHP使用示例
2019/04/15 PHP
php使用json-schema模块实现json校验示例
2019/09/28 PHP
JQuery 实现的页面滚动时浮动窗口控件
2009/07/10 Javascript
基于jquery实现的服务器验证控件的启用和禁用代码
2010/04/27 Javascript
jQuery.fn和jQuery.prototype区别介绍
2013/10/05 Javascript
javascript中数组的concat()方法使用介绍
2013/12/18 Javascript
jQuery焦点图切换简易插件制作过程全纪录
2014/08/27 Javascript
jquery加载图片时以淡入方式显示的方法
2015/01/14 Javascript
JQuery复制DOM节点的方法
2015/06/11 Javascript
原生js制作日历控件实例分享
2016/04/06 Javascript
Bootstrap导航条的使用和理解3
2016/12/14 Javascript
详解如何在Angular中快速定位DOM元素
2017/05/17 Javascript
VUE中v-model和v-for指令详解
2017/06/23 Javascript
微信小程序基于slider组件动态修改标签透明度的方法示例
2017/12/04 Javascript
node+koa2+mysql+bootstrap搭建一个前端论坛
2018/05/06 Javascript
纯JS实现的读取excel文件内容功能示例【支持所有浏览器】
2018/06/23 Javascript
微信小程序如何获取用户收货地址
2018/11/27 Javascript
[06:43]2018DOTA2国际邀请赛寻真——VGJ.Thunder
2018/08/11 DOTA
用Python获取摄像头并实时控制人脸的实现示例
2019/07/11 Python
python 链接sqlserver 写接口实例
2020/03/11 Python
VScode连接远程服务器上的jupyter notebook的实现
2020/04/23 Python
利用css3如何设置没有上下边的列表间隔线
2017/07/03 HTML / CSS
基于 HTML5 的 WebGL 3D 版俄罗斯方块的示例代码
2018/05/28 HTML / CSS
BrandAlley英国:法国折扣奢侈品网上零售商
2017/07/03 全球购物
澳大利亚领先的在线葡萄酒零售商:Get Wines Direct
2018/03/27 全球购物
大学生个人简历自我评价
2013/11/16 职场文书
公司联欢会策划方案
2014/05/19 职场文书
党支部三会一课计划
2014/09/24 职场文书
捐款通知怎么写
2015/04/24 职场文书
聘任合同书
2015/09/21 职场文书
演讲稿之感恩老师(三篇范文)
2019/09/06 职场文书
导游词之徐州-云龙山
2019/09/29 职场文书
opencv 分类白天与夜景视频的方法
2021/06/05 Python