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 相关文章推荐
IE中直接运行显示当前网页中的图片 推荐
Aug 31 Javascript
Javascript hasOwnProperty 方法 &amp; in 关键字
Nov 26 Javascript
十分钟打造AutoComplete自动完成效果代码
Dec 26 Javascript
jQuery中 attr() 方法使用小结
May 03 Javascript
在easyUI开发中,出现jquery.easyui.min.js函数库问题的解决办法
Sep 11 Javascript
JS实现超简单的仿QQ折叠菜单效果
Sep 21 Javascript
浅谈JavaScript正则表达式-非捕获性分组
Mar 08 Javascript
详解vuex中mapState,mapGetters,mapMutations,mapActions的作用
Apr 13 Javascript
世界上最短的数字判断js代码
Sep 09 Javascript
JS错误处理与调试操作实例分析
Apr 13 Javascript
JS数组方法some、every和find的使用详情
Oct 05 Javascript
微信小程序中wxs文件的一些妙用分享
Feb 18 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
反射调用private方法实践(php、java)
2015/12/21 PHP
Jquery实现简单的动画效果代码
2012/03/18 Javascript
jquery easyui中treegrid用法的简单实例
2014/02/18 Javascript
node.js中的buffer.Buffer.isBuffer方法使用说明
2014/12/14 Javascript
HTML页面,测试JS对C函数的调用简单实例
2016/08/09 Javascript
jQuery双向列表选择器select版
2016/11/01 Javascript
bootstrap导航条实现代码
2016/12/28 Javascript
jquery中$.fn和图片滚动效果实现的必备知识总结
2017/04/21 jQuery
Javascript创建类和对象详解
2017/05/31 Javascript
详解webpack自动生成html页面
2017/06/29 Javascript
解决JQuery全选/反选第二次失效的问题
2017/10/11 jQuery
js中url对象化管理分析
2017/12/29 Javascript
vue自定义指令directive实例详解
2018/01/17 Javascript
vue cli webpack中使用sass的方法
2018/02/24 Javascript
JS遍历DOM文档树的方法实例详解
2018/04/03 Javascript
深入理解Vue.js轻量高效的前端组件化方案
2018/12/10 Javascript
thinkjs微信中控之微信鉴权登陆的实现代码
2019/08/08 Javascript
使用vscode快速建立vue模板过程详解
2019/10/10 Javascript
微信小程序新闻网站详情页实例代码
2020/01/10 Javascript
小程序表单认证布局及验证详解
2020/06/19 Javascript
[01:02:09]Liquid vs TNC 2019国际邀请赛淘汰赛 胜者组 BO3 第二场 8.21
2020/07/19 DOTA
Python基于win32ui模块创建弹出式菜单示例
2018/05/09 Python
Python3创建Django项目的几种方法(3种)
2020/06/03 Python
Python xlwt模块使用代码实例
2020/06/10 Python
Python实现画图软件功能方法详解
2020/07/28 Python
css3 实现元素弧线运动的示例代码
2020/04/24 HTML / CSS
Becextech新西兰:数码单反相机和手机在线商店
2018/04/27 全球购物
自我评价格式
2014/01/06 职场文书
监察建议书格式
2014/05/19 职场文书
公司应聘求职信
2014/06/21 职场文书
邓小平理论心得体会
2014/09/09 职场文书
市场营销计划书
2015/01/17 职场文书
赡养老人协议书范本
2015/08/06 职场文书
python简单验证码识别的实现过程
2021/06/20 Python
Python天气语音播报小助手
2021/09/25 Python
C#连接ORACLE出现乱码问题的解决方法
2021/10/05 Oracle