jquery 动态合并单元格

原创 2013年12月03日 00:05:49
                
 

////在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.table.rowspan.js 表格自动合并单元格插件

日常开发中,经常遇到表格里需要自动合并单元格,考虑到写服务器控件比较消耗性能,因些还是把这种工作交给客户端Javascript去做吧,基于习惯用jquery框架,所以封装了一个Jquery插件。 1....

JQuery databases 动态合并单元格

function fnMergeGroupColums(mergeGroupColums){ var api = this.api(); var rows = api.rows( {p...
  • skieske
  • skieske
  • 2017年02月06日 17:24
  • 344

jQuery实现table单元格行合并

目标: 从这样一张表中,合并相同元素为一列 最终期待效果为: 可以看到同一列中相同的元素被合并,这是怎么做到的呢,第一个想法是从每列的第一行数据开始遍历该列,当发现后一行数据跟前一行数据相同时删...

使用JQuery实现HTML表格的单元格合并

使用JQuery实现HTML表格的单元格合并: 一、JS脚本 /** * desc : 合并指定表格(表格id为table_id)指定列(列数为table_colnum)的相同文本的相邻...

jquery合并单元格

合并表格单元格 function _w_table_rowspan(_w_table_id,_w_table_colnum){ _w_table_firsttd = ""; ...

用最简的代码和例子演示如何使用jQuery进行单元格合并

前言这几天的项目再次应用到了表格中单元格合并的功能,之前的有个项目是只在某一列中进行合并操作,因此代码是遍历每行的某一列单元格,而这次的需求比较复杂,列数很多,都可以动态显示隐藏,原来的代码功能明显不...

Delphi7高级应用开发随书源码

  • 2003年04月30日 00:00
  • 676KB
  • 下载

jQuery合并单元格方法

当列中相同内容向下合并单元格,效果如图。 在页面中中引入jQuery 添加合并单元格的方式 jQuery.fn.rowspan = function(colIdx)...
  • hc1104
  • hc1104
  • 2013年03月14日 16:08
  • 2082

table合并单元格(Jquery 插件

table合并单元格(Jquery 插件) table{ border-collapse:collapse;} table th{ background:#ddd; } table td,t...

jquery 合并单元格

在页面上使用jquery跨行合并单元格 function _w_table_rowspan(_w_table_id, _w_table_colnum) { _w_table_fir...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jquery 动态合并单元格
举报原因:
原因补充:

(最多只允许输入30个字)