javascript根据单元格内容动态合并相同内容单元格

记录下，按照自己的思维流程写的代码，难免有冗余和不合理的地方，着急要用，也懒得优化，适用于有合并前两列中相同内容单元格需求的地方。如有有人能受到启发写出更加好用完美的代码，那我会感到非常高兴。另外发现网上已经有人写了不少这方面的例子，但是都有BUG，我这段代码也欢迎大家测试，有什么不足欢迎评论。

 function HB(tableId) {var tab = document.getElementById(tableId);var tabRows = tab.rows.length;//取得表格的行数var startRow = 0;//第一列种子索引var rowNum = 0;//第一列合并的行数操作数var addNum=1;//第二列合并行数操作数，第二列合并的行数不会超过第一列合并的行数var startRow2 = 0;//第二列种子索引var cell=0;//第二列合并操作种子标记，当第一个合并的单元格完成监测后，将种子置为-1for (var i = 0; i < tabRows; i++) {//合并第一列相同单元格if (i == 0) {startRow = i;rowNum++;continue;}if (tab.rows[startRow].cells[0].innerHTML == tab.rows[i].cells[0].innerHTML) {tab.rows[i].removeChild(tab.rows[i].cells[0]);rowNum++;if(startRow==(i+1-rowNum)){tab.rows[startRow].cells[0].rowSpan = rowNum;}continue;}//新合并第二列addNum=1;cell=0;for(var n=0;n<rowNum;n++){if(n==0){startRow2=startRow;//首次进入，第一行的第二列作为种子continue;}//alert("tab.rows["+startRow2+"].cells["+(cell+1)+"].innerHTML"+tab.rows[startRow2].cells[cell+1].innerHTML);//alert("tab.rows["+(startRow2+addNum)+"].cells[0].innerHTML"+tab.rows[startRow2+addNum].cells[0].innerHTML);if(tab.rows[startRow2].cells[cell+1].innerHTML==tab.rows[startRow2+addNum].cells[0].innerHTML){if(n==rowNum-1){//alert("最后一次循环发现合并");tab.rows[startRow2+addNum].removeChild(tab.rows[startRow2+addNum].cells[0]);addNum++;tab.rows[startRow2].cells[cell+1].rowSpan=addNum;break;}tab.rows[startRow2+addNum].removeChild(tab.rows[startRow2+addNum].cells[0]);addNum++; //alert("addNum:"+addNum);continue;}//alert("出来了！！！"+n);if(addNum==1){//alert("下方没有找到相同的合并项，作为种子继续寻找");}tab.rows[startRow2].cells[cell+1].rowSpan=addNum;//设置新种子索引startRow2=startRow2+addNum;cell=-1;addNum=1;}  tab.rows[startRow].cells[0].rowSpan = rowNum;startRow = i;rowNum = 1;}}

javascript根据单元格内容动态合并相同内容单元格相关推荐

使用EasyExcel 根据单元格数值动态合并单元格
文章目录前言一.实现思路二.实现步骤 1.拦截策略 2.EasyExcel写操作前言使用EasyExcel 根据单元格数值动态合并单元格开发中遇到一个需求,需要根据Excel表格中单元格的 ...
Excel表格中多个文本内容快速合并到一个单元格内
Excel表格中多个文本内容快速合并到一个单元格内目录 Excel表格中多个文本内容快速合并到一个单元格内 1.在合并单元格内输入"=PHONETIC()"函数 2.框选需要合并 ...
【element-ui】 el-table 表格动态合并相同数据单元格最全教程，可指定列+自定义合并条件，附完整代码
el-table合并单元格 1.固定合并官方挺提供的合并具体某行列的方法:el-table合并行或列通过给table传入span-method方法可以实现合并行或列,方法的参数是一个对象,里面包含 ...
Excel将其他单元格的数据合并成一个单元格
一.TEXTJOIN函数的参数与作用 TEXTJOIN:文本连接函数,使用分隔符将文本链接在一起语法:=TEXTJOIN(分隔符, ignore_empty, text1, [text2], 第一参 ...
iview table表格单元格的动态合并
1. 需求需要将从后台获取的数据,在前端渲染时,如果同一列相邻的数据相同,则合并成一个单元格. 即: 需要将上图两个单元格合并,成果图如下 2. 问题本项目使用的是iview组件,iview组件也 ...
合并单元格后怎么拆分单元格（拆分合并后的单元格方法）
电脑excel表格是很多人都会在办公当中会用到的工具了,在整理表格数据时,我们时常会对表格进行合并处理,那么合并的单元格又要如何重新拆分呢?重庆技校网这里就和大家讲讲电脑excel合并单元格怎么拆分开 ...
Linux 命令之 cut -- 分割字符串，显示或删除指定字段的内容，合并文件内容
文章目录一.命令介绍二.常用选项三.命令示例根据指定的字节范围显示指定文件中的内容指定字段分隔符,显示指定字段的内容显示指定字段的内容根据指定的字符范围显示指定文件中的内容显示指定字段 ...
easyexcel 动态合并单元格
easyexcel 动态合并单元格目前操作excel文档的底层都是用poi来进行的,在早期工作开发过程中,是基于poi,然后对每一个数据单元格进行操作代码编写,后面有一些比较好的开源项目,像easy ...
easyexcel导出excel自定义合并单元格【动态表头和动态数据均可以自由合并】
网上合并单元格的博客还是很多的,大家自行舍取吧.本文主要讲解固定与不固定的表头和内容如何合并参考官网 https://easyexcel.opensource.alibaba.com/docs/cu ...

javascript根据单元格内容动态合并相同内容单元格

javascript根据单元格内容动态合并相同内容单元格相关推荐

最新文章

热门文章