2013.12.04 JS实现单元格的合并

原创 2013年12月04日 17:09:59


内容见:《合并内容相同的单元格

核心js:

merge2(3);merge2(2);merge2(1);merge2(0);
// 问:为什么要先处理1,再处理0呢?
// 答:如果先处理0这一列,则第一次处理结束之后,会删除一部分<td>标签,
//   则第二列部分<td>标签会成为第一列,这将影响下次对第二列的处理;相反
//   如果先处理1,即处理第二列,处理完成之后,第三列部分数据会成为第二列
//     数据,但是这对第一列的数据并没有影响
// index为列的下标
// 合并内容相等的相邻列
// 合并原理:如果相邻列相等,则计数器加1,直到相邻列不相等,则合并
function merge2(index) {
var count = 0;// 计数器
var $firstTd = $('table.merge2 tr td:eq(' + index + ')');// 第一行指定列作为目标列
var firstContent = $firstTd.text();
$('table.merge2 tr').each(function(i) {// 遍历每一行,取得指定列的值
$secondTd = $(this).find('td:eq(' + index + ')');
var secondContent = $secondTd.text();
if(firstContent == secondContent) {// 值相等
count ++;
if(count > 1) {// count > 1表示,已经至少有2列值相等,则需要先移除重复的一列,然后合并
$secondTd.remove();
$firstTd.attr('rowspan',count);
}
} else { // 值不等,将此时的值作为目标值,进入到下一轮比较
count=1;
firstContent = secondContent;
$firstTd = $secondTd;
}
});
}

Javascript学习笔记part1(Table单元格相同数据自动合并)

欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来,用它写博客,将会带来全新的体验哦: Markdown和扩展Markdown简洁的语法 代码块高亮 图片链接和...
  • u011859137
  • u011859137
  • 2016年05月25日 21:34
  • 1243

Javascript合并表格相同内容单元格示例

效果图: HTML代码: 表格相同内容合并 合并前: a 1 2 3 4 5 a 1 2 ...
  • apollokk
  • apollokk
  • 2013年08月11日 01:48
  • 3617

Javascript学习笔记part1(Table单元格相同数据自动合并)补充

合并表格 window.onload = function () { init(table1, 6); }...
  • u011859137
  • u011859137
  • 2016年05月26日 11:39
  • 355

js合并table单元格

在研发的过程中经常遇到的问题就是单元格合并问题,那么有了它就可以引刃而解了,接下来分享给大家!       接下来上js加载事件 function mc(table1, startRow, ...
  • liu_yujie2011com
  • liu_yujie2011com
  • 2017年03月09日 10:54
  • 1332

使用原生js+jquery 对加载好的表格进行部分列的合并

在html中的表格加载好以后,对部分具有相同值,需要合并的制定单元格进行合并 先来效果图: 点击前: 点击后: 说明: combineCell(tableId,refInde...
  • qq_25877301
  • qq_25877301
  • 2016年03月11日 12:07
  • 823

JS前端动态添加表格--包括合并指定单元格

var newRow = "";//全局变量 var pubSum=1;//计数添加记录次数 var panelTitle=$("#title").val(); var currExtBJ=""...
  • baijianjun123456
  • baijianjun123456
  • 2017年03月08日 17:47
  • 1613

使用js多级次合并单元格

表格相同内容合并 合并前: c1 c2 c3 c4 c5 c6 ...
  • Galeno1994
  • Galeno1994
  • 2017年06月27日 16:07
  • 465

js 相同内容单元格合并

function tableSpan(tb1) { //合并行 //列 for (var i = tb1.rows[0].childNodes.length - 1; i >=...
  • sunglow1006
  • sunglow1006
  • 2014年02月21日 10:37
  • 401

用于合并网页中表格和转换写成Excel文件的JS函数,很有用

function AllAreaExcel(tabgrid) { try {  var oXL = new ActiveXObject("Excel.Application");   var oWB ...
  • friendliu
  • friendliu
  • 2007年11月04日 19:54
  • 1620

封装的一个JQuery插件 ,作用是实现动态单元格合并

function colsInit(tab){ //封装的一个JQuery插件 ,作用是实现动态单元格合并 jQuery.fn.rowspan = function(colIdx)...
  • nu11_
  • nu11_
  • 2016年12月06日 11:28
  • 532
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:2013.12.04 JS实现单元格的合并
举报原因:
原因补充:

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