function combineTable2(tableId) { var oTbl = document.getElementById(tableId); var tdsToCombine = []; var allTds = []; for(var i = 0; i < oTbl.rows.length; i++){ for(var j = 0; j < oTbl.rows[i].cells.length; j++){ var name = oTbl.rows[i].cells[j].getAttribute("name"); var obj = new Object(); obj.name = name; obj.row = i; obj.cell = j; allTds.push(obj); if(name) { var nameExists = false; for(var k = 0; k < tdsToCombine.length; k++) { if(tdsToCombine[k].name == name) { nameExists = true; break; } } if(!nameExists) { tdsToCombine.push(obj); } } } } var delArr = []; for(var c = 0; c < tdsToCombine.length; c++){ var o1 = tdsToCombine[c]; var beginIndex = o1.row * oTbl.rows.length + o1.cell + 1; for(var d = beginIndex; d < allTds.length;d++){ var o2 = allTds[d]; if(o2.name == o1.name){ if(o2.row == o1.row && o2.cell != o1.cell ){ oTbl.rows[o1.row].cells[o1.cell].colSpan++; } else if(o2.cell == o1.cell && o2.row != o1.row ){ oTbl.rows[o1.row].cells[o1.cell].rowSpan++; } delArr.push(oTbl.rows[o2.row].cells[o2.cell]); } } } for(var i = 0; i < delArr.length; i++) { delArr[i].parentNode.removeChild(delArr[i]); } }
相关推荐
/* * 说明: * 表格第一列为标题列,列数以第一列为基准, * 列合并设置 : 在列元素上添加 ... * 如果整个表格中的行都要合并请设置第一列的colspans超过表格列最大值 * 的数,并且其它列取消colspans设置值 * */
一个js例子实现了表格的动态合并,拆分单元格
//函数说明:合并指定表格(表格id为_w_table_id)指定列(列数为_w_table_colnum)的相同文本的相邻单元格 //参数说明:_w_table_id 为需要进行合并单元格的表格的id。如在HTMl中指定表格 id="data" ,此参数应为 #...
JS合并表格,绝对实用,代码都是自己在项目中运用过的。
函数说明:合并指定表格(表格id为_w_table_id)指定列 (行数大于_w_table_mincolnum 小于_w_table_maxcolnum)相同列中的相同文本的相邻单元格 多于一列时,后一列的单元格合并范围不能超过前一列的合并范围。...
相邻表格相同数据看起来不好看,而且显得冗余,如果将相邻表格的相同数据进行合并处理,不仅看起来美观很多,而且显得更加的专业。
实现根据条件筛选行(删除多余行),再根据条件(以当前单元格与同列的上一行相同,则向上合并单元格举例)合并指定单元格。
测试用例和代码文件 博文链接:https://vectorwind.iteye.com/blog/1894606
开发者提供已排序的数据列表以及需要合并行的列名即可,无需后端二次处理数据。 该类以纯原生JS编写,无需引入任何第三方库。 调用方法:new MergeRow(['col1','col2','col3'],data).renderTbl('td001'); 详情...
这是用WPS Excel的JS宏写的文件合并工具,可以通过对话框选择文件,把选中的Excel表格进行合并。里面包含xlsm启用宏的工作簿(js源码)和4个示例的Excel表格文件,下载不需要积分。
表格相同内容单元格的合并在以前也有过类似的教程,本文为大家讲解的是使用Javascript合并,具体示例及效果图如下,感兴趣的朋友可以参考下
主要介绍了JS实现动态修改table及合并单元格的方法,结合完整实例形式分析了JS动态遍历及修改table单元格的具体操作技巧,需要的朋友可以参考下
一个EXT+js实现的Grid表格合并的例子源码
本js脚本完美的实现了table单元格的合并,合并后犹如交叉表的形式,非常完美,并在其中附带例子可以验证。
js 实现 动态生成包含合并单元格的表格! 值得下载看看!资源免费,大家分享!!
本文实例为大家分享了Vue Elenent实现表格相同数据列合并的具体代码,供大家参考,具体内容如下 作者:秋名 思路:后台查询表格数据,查询出来后直接传到前端,前端通过foreach循环,然后对相同的表格进行合并。(同...
利用js合并table相同内容单元格并js方式自动生成,把文本内容复制进js中,应该就知道大概咋用了
仿Excel合并单元格实例点击合并表格单元格是合并表格里面相同的列,很实用的。
Vue Elenent实现表格相同数据列合并 本文实例为大家分享了Vue Elenent实现表格...) template: :span-method="objectSpanMethod4" //在el-table里面添加合并单元格属性 > Js: data(){ return{ orderdata
主要介绍了javascript合并表格单元格实例代码,在某些应用中需要动态的合并单元格,感兴趣的朋友可以参考一下