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 相关文章推荐
用js计算页面执行时间的函数
Dec 07 Javascript
一个用js实现的页内搜索代码
May 23 Javascript
jquery插件之easing 动态菜单
Aug 21 Javascript
js计算德州扑克牌面值的方法
Mar 04 Javascript
基于javascript实现表格的简单操作
May 21 Javascript
使用UrlConnection实现后台模拟http请求的简单实例
Jan 04 Javascript
Vue.js 2.0窥探之Virtual DOM到底是什么?
Feb 10 Javascript
Node学习记录之cluster模块
May 31 Javascript
Bootstrap table使用方法记录
Aug 23 Javascript
JavaScript常见鼠标事件与用法分析
Jan 03 Javascript
了解重排与重绘
May 29 Javascript
使用layui日期控件laydate对开始和结束时间进行联动控制的方法
Sep 06 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+Redis开发的书签案例实战详解
2019/07/09 PHP
JQuery Tips(2) 关于$()包装集你不知道的
2009/12/14 Javascript
jquery+ashx无刷新GridView数据显示插件(实现分页、排序、过滤功能)
2010/04/25 Javascript
nodejs实用示例 缩址还原
2010/12/28 NodeJs
html组件不可输入(只读)同时任何组件都有效
2013/04/01 Javascript
一个JavaScript的求爱小特效
2014/05/09 Javascript
AngularJS入门教程(零):引导程序
2014/12/06 Javascript
js当前页面登录注册框,固定div,底层阴影的实例代码
2016/10/04 Javascript
js模态对话框使用方法详解
2017/02/16 Javascript
Vue.js 中的 v-show 指令及用法详解
2018/11/19 Javascript
js回调函数仿360开机
2019/12/26 Javascript
如何基于javascript实现贪吃蛇游戏
2020/02/09 Javascript
使用element-ui +Vue 解决 table 里包含表单验证的问题
2020/07/17 Javascript
vue中提示$index is not defined错误的解决方式
2020/09/02 Javascript
[01:38]完美世界高校联赛决赛花絮
2018/12/02 DOTA
在Python程序中进行文件读取和写入操作的教程
2015/04/28 Python
Python如何实现文本转语音
2016/08/08 Python
python3利用Dlib19.7实现人脸68个特征点标定
2018/02/26 Python
使用sklearn进行对数据标准化、归一化以及将数据还原的方法
2018/07/11 Python
Django实现简单网页弹出警告代码
2019/11/15 Python
Python xlrd excel文件操作代码实例
2020/03/10 Python
Tom Dixon官网:英国照明及家具设计和制造公司
2019/03/01 全球购物
Overload和Override的区别
2012/09/02 面试题
CSS实现fullpage.js全屏滚动效果的示例代码
2021/03/24 HTML / CSS
早读迟到检讨书
2014/01/24 职场文书
节水倡议书范文
2014/04/15 职场文书
售房协议书
2014/08/19 职场文书
2015年高考寄语或鼓励的话
2015/03/23 职场文书
大学运动会通讯稿
2015/07/18 职场文书
装修公司管理制度
2015/08/05 职场文书
python3 sqlite3限制条件查询的操作
2021/04/07 Python
oracle连接ODBC sqlserver数据源的详细步骤
2021/07/25 Oracle
关于nginx 实现jira反向代理的问题
2021/09/25 Servers
python pygame 开发五子棋双人对弈
2022/05/02 Python
SpringBoot前端后端分离之Nginx服务器下载安装过程
2022/08/14 Servers
zabbix如何添加监控主机和自定义监控项
2022/08/14 Servers