js合并单元格

最新推荐文章于 2024-05-19 11:54:04 发布
最新推荐文章于 2024-05-19 11:54:04 发布
阅读量886 收藏 1
点赞数
分类专栏： java后台 文章标签： js合并table单元格
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u011375315/article/details/81906459
版权

1，用java后台编辑js代码，在前台展示（用于后台编辑页面，进行打印和导出的birt辅助）

//连排的课程进行合并--begin
			StringBuilder mergeTableHtml = new StringBuilder();
			mergeTableHtml.append("<script>");
			mergeTableHtml.append("function mergeTable(){");
			mergeTableHtml.append("var tableCount = 0;");
			mergeTableHtml.append("var ford = '';");
			mergeTableHtml.append("var behind = '';");
			mergeTableHtml.append("var markArray = new Array();");
			mergeTableHtml.append("var indexArray = new Array();");
			mergeTableHtml.append("var tableArray = document.getElementsByTagName('table');");
			mergeTableHtml.append("tableCount = tableArray.length;");
			
			mergeTableHtml.append("if(tableCount>0){");
			mergeTableHtml.append("for(var t=0;t<tableCount;t++){");
			mergeTableHtml.append("ford = '';");
			mergeTableHtml.append("behind = '';");
			mergeTableHtml.append("var tableObj = tableArray[t];");
			mergeTableHtml.append("for (var i = 1;tableObj.rows.length>2&& i < tableObj.rows.length; i++) {");
			mergeTableHtml.append("ford = '';");
			mergeTableHtml.append("behind = '';");
			
			mergeTableHtml.append("for (var j = 1;tableObj.rows[i].cells.length>1&& j <tableObj.rows[i].cells.length ; j++) {");
			mergeTableHtml.append("ford = '';");
			mergeTableHtml.append("behind = '';");
			mergeTableHtml.append("if(i==1) markArray[j]=0;");
			mergeTableHtml.append("var cellObj = tableObj.rows[i].cells[j];");
			//td标签下是多个div，需合并所有div的文字
			mergeTableHtml.append("for(var d=0;cellObj.getElementsByTagName('div')!=undefined&&d<cellObj.getElementsByTagName('div').length;d++){");
			mergeTableHtml.append("ford+=cellObj.getElementsByTagName('div')[d].innerHTML");
			mergeTableHtml.append("}");
			//如果下一单元格是午休或者实践周，则不往下比较
			mergeTableHtml.append("if(i+1<tableObj.rows.length&&ford!=''&&tableObj.rows[i+1].cells[j]!=undefined){");
			mergeTableHtml.append("var cellObj2 = tableObj.rows[i+1].cells[j];");
//			mergeTableHtml.append("alert(cellObj2.getElementsByTagName('div'));");
			mergeTableHtml.append("for(var d=0;cellObj2.getElementsByTagName('div')!=undefined&&d<cellObj2.getElementsByTagName('div').length;d++){");
			mergeTableHtml.append("behind+=cellObj2.getElementsByTagName('div')[d].innerHTML");
			mergeTableHtml.append("}");
			mergeTableHtml.append("}");
			//排除空字符串和&nbsp;，空单元格不进行合并
			mergeTableHtml.append("if(ford!=''&&ford!='&nbsp;'&&ford==behind){");
			//visibility='hidden'--合并效果：单元格隐藏文字且右移
//			mergeTableHtml.append("cellObj2.style.visibility='hidden';");
			//合并效果：单元格完全隐藏，位置不变
			mergeTableHtml.append("cellObj2.style.display='none';");
			mergeTableHtml.append("markArray[j]++;");
			mergeTableHtml.append("}else if(ford != behind&&markArray[j]>0){");
			mergeTableHtml.append("indexArray[j] = i-markArray[j];");
			mergeTableHtml.append("var indexObj = tableObj.rows[indexArray[j]].cells[j];");
			mergeTableHtml.append("indexObj.rowSpan=markArray[j]+1;");
			mergeTableHtml.append("markArray[j] = 0;");
			mergeTableHtml.append("cellObj.style.display='none';");

			mergeTableHtml.append("}");
			

			
			mergeTableHtml.append("}");
			mergeTableHtml.append("}");
			mergeTableHtml.append("}");
			mergeTableHtml.append("}");
			mergeTableHtml.append("}");
//			mergeTableHtml.append("$(\"document\").ready(function(){");
			mergeTableHtml.append("mergeTable();");
//			mergeTableHtml.append("});");
			
			mergeTableHtml.append("</script>");
			mergeTableHtml.append("</body>");
			String bh2 = mergeTableHtml.toString().replaceAll("\\$", "SD_CHAR_DOLLAR");
			order = order.replaceAll("</body>", bh2);
			//连排的课程进行合并--end

 

2，前台的js文件---如是简单的html页面即非jquery页面，可直接用该方法

<script>
function mergeTable(){
    var tableCount = 0;
    var ford = '';
    var behind = '';
    var markArray = new Array();
    var indexArray = new Array();
    var tableArray = document.getElementsByTagName('table');
    tableCount = tableArray.length;
    if(tableCount>0){
        for(var t=0;t<tableCount;t++){
            ford = '';
            behind = '';
            var tableObj = tableArray[t];
            for (var i = 1;tableObj.rows.length>2&& i < tableObj.rows.length; i++) {
                ford = '';behind = '';
                for (var j = 1;tableObj.rows[i].cells.length>1&& j <tableObj.rows[i].cells.length ; j++) {
                    ford = '';behind = '';
                    if(i==1) markArray[j]=0;
                    var cellObj = tableObj.rows[i].cells[j];
                    //td标签下是多个div，需合并所有div的文字
                    for(var d=0;cellObj.getElementsByTagName('div')!=undefined&&d<cellObj.getElementsByTagName('div').length;d++){
                        ford+=cellObj.getElementsByTagName('div')[d].innerHTML
                    }
                    //如果下一单元格是午休或者实践周，则不往下比较
                    if(i+1<tableObj.rows.length&&ford!=''&&tableObj.rows[i+1].cells[j]!=undefined){
                        var cellObj2 = tableObj.rows[i+1].cells[j];
                        for(var d=0;cellObj2.getElementsByTagName('div')!=undefined&&d<cellObj2.getElementsByTagName('div').length;d++){
                            behind+=cellObj2.getElementsByTagName('div')[d].innerHTML
                        }
                    }
                    //排除空字符串和&nbsp;，空单元格不进行合并
                    if(ford!=''&&ford!='&nbsp;'&&ford==behind){
                        //visibility='hidden'--合并效果：单元格隐藏文字且右移
                        //cellObj2.style.visibility='hidden';
                        //合并效果：单元格完全隐藏，位置不变
                        cellObj2.style.display='none';
                        markArray[j]++;
                    }else if(ford != behind&&markArray[j]>0){
                        indexArray[j] = i-markArray[j];
                        var indexObj = tableObj.rows[indexArray[j]].cells[j];
                        indexObj.rowSpan=markArray[j]+1;
                        markArray[j] = 0;
                        cellObj.style.display='none';
                    }
                }
            }
        }
    }
}
mergeTable();</script>

 

 

<table class="style_7" style="border-collapse: collapse; empty-cells: show; height: 434px; width: 763px;  table-layout:fixed;" id="AUTOGENBOOKMARK_4_d9b423a5-602f-4513-8db7-fc79f46a5940">
							<col></col>
							<col></col>
							<col></col>
							<col></col>
							<col></col>
							<col></col>
							<tr class="style_8" style=" height: 18.6px;" valign="middle" align="center">
								<td class="style_9" style=" "></td>
								<td class="style_10" style=" ">
									<div class="style_11" style=" ">星期一</div>
								</td>
								<td class="style_10" style=" ">
									<div class="style_11" style=" ">星期二</div>
								</td>
								<td class="style_10" style=" ">
									<div class="style_11" style=" ">星期三</div>
								</td>
								<td class="style_10" style=" ">
									<div class="style_11" style=" ">星期四</div>
								</td>
								<td class="style_10" style=" ">
									<div class="style_11" style=" ">星期五</div>
								</td>
							</tr>
							<tr class="style_12" style=" height: 77.5px;" valign="top">
								<td class="style_13" style=" " valign="middle">
									<div class="style_14" id="AUTOGENBOOKMARK_5_7156b681-aa85-479b-86d2-f286bd651202" style=" text-align:center;">1</div>
								</td>
								<td class="style_15" style=" ">
									<div class="style_16" style="white-space:pre-wrap;"  id="AUTOGENBOOKMARK_6_8a0aa88a-d7e3-4d5c-bba2-1ed2718de173">&#xa0;</div>
								</td>
								<td class="style_17" style=" " valign="middle">
									<div  style="white-space:pre-wrap;border: 0px solid black; font-weight: bold; font-size: 8pt;"  id="AUTOGENBOOKMARK_7_88fd29ed-96c4-459a-8da3-7a5a6f62a9a2">建筑材料与检测</div>
									<div class="style_19" id="AUTOGENBOOKMARK_8_7d788324-2c50-4897-b243-a5a7d21cff5d" style=" text-align:left;">1-7周&#xa0;</div>
									<div class="style_19" id="AUTOGENBOOKMARK_9_c609fb40-4406-4d4b-94a8-c96b0d720fba" style=" text-align:left;">1120 专用教室</div>
									<div class="style_19" id="AUTOGENBOOKMARK_10_9e3aacc5-726d-431f-96a1-034b985e7ad7" style=" text-align:left;">郑悦明</div>
								</td>
								<td class="style_17" style=" " valign="middle">
									<div  style="white-space:pre-wrap;border: 0px solid black; font-weight: bold; font-size: 8pt;"  id="AUTOGENBOOKMARK_11_503c8c16-e2b8-423a-bf37-0b4ac9c13848">建筑材料与检测</div>
									<div class="style_19" id="AUTOGENBOOKMARK_12_608a23ad-f9ab-4243-ad68-1161de1a245f" style=" text-align:left;">1-7周&#xa0;</div>
									<div class="style_19" id="AUTOGENBOOKMARK_13_e8de7cbc-3052-47bf-92ec-9eed8d33194b" style=" text-align:left;">1120 专用教室</div>
									<div class="style_19" id="AUTOGENBOOKMARK_14_1de4bd1d-e49e-48bd-b8c2-ed0d97bb3141" style=" text-align:left;">郑悦明</div>
								</td>
								<td class="style_17" style=" " valign="middle">
									<div  style="white-space:pre-wrap;border: 0px solid black; font-weight: bold; font-size: 8pt;"  id="AUTOGENBOOKMARK_15_b2d2f3c2-ff42-46a7-ae20-d8d2388f55a6">建筑材料与检测</div>
									<div class="style_19" id="AUTOGENBOOKMARK_16_9be7ff8d-a7da-451f-99fe-d4b96d947c17" style=" text-align:left;">10-18周&#xa0;</div>
									<div class="style_19" id="AUTOGENBOOKMARK_17_e236f702-4ec3-476e-bb9b-d60ca909c0fd" style=" text-align:left;">1120 专用教室</div>
									<div class="style_19" id="AUTOGENBOOKMARK_18_b953ffd5-b9c9-420e-911d-d2367251c3ab" style=" text-align:left;">郑悦明</div>
								</td>
								<td class="style_15" style=" ">
									<div class="style_16" style="white-space:pre-wrap;"  id="AUTOGENBOOKMARK_19_cdab497d-5648-423e-b031-f385d4284154">&#xa0;</div>
								</td>
							</tr>
							<tr class="style_12" style=" height: 77.5px;" valign="top">
								<td class="style_13" style=" " valign="middle">
									<div class="style_14" id="AUTOGENBOOKMARK_20_f3da0a86-047c-42f2-9f4f-b536774bc42b" style=" text-align:center;">2</div>
								</td>
								<td class="style_17" style=" " valign="middle">
									<div  style="white-space:pre-wrap;border: 0px solid black; font-weight: bold; font-size: 8pt;"  id="AUTOGENBOOKMARK_21_66c58376-ece5-461d-b483-6100e543f65a">建筑算量软件操作</div>
									<div class="style_19" id="AUTOGENBOOKMARK_22_62e5e434-5cce-436f-a6b3-f317365bba6c" style=" text-align:left;">1-7,10-18周&#xa0;</div>
									<div class="style_19" id="AUTOGENBOOKMARK_23_f2d8ee16-fd69-47c3-97f2-62fbae326449" style=" text-align:left;">1120 专用教室</div>
									<div class="style_19" id="AUTOGENBOOKMARK_24_8b9d632f-ac56-4628-a214-54125f241b92" style=" text-align:left;">习苑</div>
								</td>
								<td class="style_15" style=" ">
									<div class="style_16" style="white-space:pre-wrap;"  id="AUTOGENBOOKMARK_25_b89bd42f-cb51-4fde-a678-f1b654932501">&#xa0;</div>
								</td>
								<td class="style_15" style=" ">
									<div class="style_16" style="white-space:pre-wrap;"  id="AUTOGENBOOKMARK_26_34ddcf23-7a24-4852-b870-3d29b8fd7857">&#xa0;</div>
								</td>
								<td class="style_17" style=" " valign="middle">
									<div  style="white-space:pre-wrap;border: 0px solid black; font-weight: bold; font-size: 8pt;"  id="AUTOGENBOOKMARK_27_d1d32348-2fbd-481f-9774-6215629233b1">哲学与人生</div>
									<div class="style_19" id="AUTOGENBOOKMARK_28_48b669fb-70fc-4916-a206-21b86ad964b0" style=" text-align:left;">1-7,10-18周&#xa0;</div>
									<div class="style_19" id="AUTOGENBOOKMARK_29_486d1a36-e330-4c02-8b9a-7ba5a019fdc5" style=" text-align:left;">1120 专用教室</div>
									<div class="style_19" id="AUTOGENBOOKMARK_30_019f28f9-778a-4b05-892f-5fe5c37ef0a0" style=" text-align:left;">戚江霞</div>
								</td>
								<td class="style_17" style=" " valign="middle">
									<div  style="white-space:pre-wrap;border: 0px solid black; font-weight: bold; font-size: 8pt;"  id="AUTOGENBOOKMARK_31_b4060ceb-a3e8-4d8c-acdc-ca2dd7612917">建筑算量软件操作</div>
									<div class="style_19" id="AUTOGENBOOKMARK_32_d71bd5fc-0e5f-4fc2-9dcd-aa9bde5b9b5e" style=" text-align:left;">1-7,10-18周&#xa0;</div>
									<div class="style_19" id="AUTOGENBOOKMARK_33_0a0dbad7-502c-488d-bcdb-ab6c687df064" style=" text-align:left;">1120 专用教室</div>
									<div class="style_19" id="AUTOGENBOOKMARK_34_865a0e82-2835-4530-9d83-d8f5e26ea38d" style=" text-align:left;">习苑</div>
								</td>
							</tr>
							<tr class="style_12" style=" height: 77.5px;" valign="top">
								<td class="style_13" style=" " valign="middle">
									<div class="style_14" id="AUTOGENBOOKMARK_35_ce1c01d7-a661-4cc1-a578-8ee201df1cf2" style=" text-align:center;">3</div>
								</td>
								<td class="style_17" style=" " valign="middle">
									<div  style="white-space:pre-wrap;border: 0px solid black; font-weight: bold; font-size: 8pt;"  id="AUTOGENBOOKMARK_36_66039a8d-bb3c-4c23-ac28-9d3efde11ca6">建筑算量软件操作</div>
									<div class="style_19" id="AUTOGENBOOKMARK_37_8da3e6b9-4797-4db9-92dd-d0d182c01448" style=" text-align:left;">1-7,10-18周&#xa0;</div>
									<div class="style_19" id="AUTOGENBOOKMARK_38_fa4b2a1d-7e04-4307-a0ef-11be582b8a45" style=" text-align:left;">1120 专用教室</div>
									<div class="style_19" id="AUTOGENBOOKMARK_39_300121c1-ca44-41b9-bd11-17aaf7174579" style=" text-align:left;">习苑</div>
								</td>
								<td class="style_17" style=" " valign="middle">
									<div  style="white-space:pre-wrap;border: 0px solid black; font-weight: bold; font-size: 8pt;"  id="AUTOGENBOOKMARK_40_c12166dc-7994-4c47-9dd8-593f310122e5">体育</div>
									<div class="style_19" id="AUTOGENBOOKMARK_41_5aaa39b1-01cb-4c23-ab17-8183c6a10bae" style=" text-align:left;">1-7,10-18周&#xa0;</div>
									<div class="style_19" id="AUTOGENBOOKMARK_42_fab01367-e849-49e4-876d-fab8e1e0317e" style=" text-align:left;">1120 专用教室</div>
									<div class="style_19" id="AUTOGENBOOKMARK_43_baad2bda-1eaf-4224-9faa-b01337d59d4e" style=" text-align:left;">许元琼</div>
								</td>
								<td class="style_15" style=" ">
									<div class="style_16" style="white-space:pre-wrap;"  id="AUTOGENBOOKMARK_44_36e14501-8855-4097-8ebb-f1550848e447">&#xa0;</div>
								</td>
								<td class="style_17" style=" " valign="middle">
									<div  style="white-space:pre-wrap;border: 0px solid black; font-weight: bold; font-size: 8pt;"  id="AUTOGENBOOKMARK_45_e2f67b0b-76a1-46cc-ad79-d64e7cdee44f">哲学与人生</div>
									<div class="style_19" id="AUTOGENBOOKMARK_46_4e9edb0a-55cc-4be7-a81c-7a0d1f12f5cc" style=" text-align:left;">1-7,10-18周&#xa0;</div>
									<div class="style_19" id="AUTOGENBOOKMARK_47_d64e7b13-6506-45f4-8ea6-0767d70ea97e" style=" text-align:left;">1120 专用教室</div>
									<div class="style_19" id="AUTOGENBOOKMARK_48_20fb872c-5919-4f02-a7e7-84097dc7a6b0" style=" text-align:left;">戚江霞</div>
								</td>
								<td class="style_17" style=" " valign="middle">
									<div  style="white-space:pre-wrap;border: 0px solid black; font-weight: bold; font-size: 8pt;"  id="AUTOGENBOOKMARK_49_36198c48-6c78-4929-9001-4546f7ee6857">建筑算量软件操作</div>
									<div class="style_19" id="AUTOGENBOOKMARK_50_263fd601-6ef0-46e5-a3cb-b06e6d79215e" style=" text-align:left;">1-7,10-18周&#xa0;</div>
									<div class="style_19" id="AUTOGENBOOKMARK_51_25c47e0b-fade-4b7c-8356-75df41658d20" style=" text-align:left;">1120 专用教室</div>
									<div class="style_19" id="AUTOGENBOOKMARK_52_5e404536-759e-4829-b7f2-3a3bd513565b" style=" text-align:left;">习苑</div>
								</td>
							</tr>
							<tr class="style_12" style=" height: 77.5px;" valign="top">
								<td class="style_13" style=" " valign="middle">
									<div class="style_14" id="AUTOGENBOOKMARK_53_3e96bd7f-7cdb-40ae-811a-9119d909004d" style=" text-align:center;">4</div>
								</td>
								<td class="style_15" style=" ">
									<div class="style_16" style="white-space:pre-wrap;"  id="AUTOGENBOOKMARK_54_1cede6a0-a62a-4d1e-b8d0-f90da365c220">&#xa0;</div>
								</td>
								<td class="style_17" style=" " valign="middle">
									<div  style="white-space:pre-wrap;border: 0px solid black; font-weight: bold; font-size: 8pt;"  id="AUTOGENBOOKMARK_55_0221abcd-9d35-43ee-b817-37f889fe5747">体育</div>
									<div class="style_19" id="AUTOGENBOOKMARK_56_a32606b6-3337-439a-8590-834fa89aa0d8" style=" text-align:left;">1-7,10-18周&#xa0;</div>
									<div class="style_19" id="AUTOGENBOOKMARK_57_a60a449c-14fa-45c8-add8-2b25f935fc2a" style=" text-align:left;">1120 专用教室</div>
									<div class="style_19" id="AUTOGENBOOKMARK_58_2a066e91-9505-4b5c-b5b5-4f9e1b603f4e" style=" text-align:left;">许元琼</div>
								</td>
								<td class="style_15" style=" ">
									<div class="style_16" style="white-space:pre-wrap;"  id="AUTOGENBOOKMARK_59_2db6f587-d482-4eec-81ee-bcb48fa0507b">&#xa0;</div>
								</td>
								<td class="style_15" style=" ">
									<div class="style_16" style="white-space:pre-wrap;"  id="AUTOGENBOOKMARK_60_cf0e6f54-97bb-4e15-802c-ab923903ed87">&#xa0;</div>
								</td>
								<td class="style_15" style=" ">
									<div class="style_16" style="white-space:pre-wrap;"  id="AUTOGENBOOKMARK_61_8f703d03-0559-48f2-ae59-94bfdb1cd19a">&#xa0;</div>
								</td>
							</tr>
							<tr class="style_20" style=" height: 18.6px;" valign="top">
								<td class="style_21" colspan="6" style=" " valign="middle">
									<div id="AUTOGENBOOKMARK_62_1860eeab-718f-4d7b-9dca-ff5cad94d219" style=" text-align:center;">&#xa0;</div>
								</td>
							</tr>
							<tr class="style_12" style=" height: 77.5px;" valign="top">
								<td class="style_13" style=" " valign="middle">
									<div class="style_14" id="AUTOGENBOOKMARK_63_a158e06e-90cf-4a93-bba6-c77d64b481a7" style=" text-align:center;">5</div>
								</td>
								<td class="style_17" style=" " valign="middle">
									<div  style="white-space:pre-wrap;border: 0px solid black; font-weight: bold; font-size: 8pt;"  id="AUTOGENBOOKMARK_64_4951135a-7ae0-4e0e-901c-67b94e448090">建筑装饰学</div>
									<div class="style_19" id="AUTOGENBOOKMARK_65_c86c7608-7e2a-4797-b598-257c5d0d0e0b" style=" text-align:left;">1-7,10-18周&#xa0;</div>
									<div class="style_19" id="AUTOGENBOOKMARK_66_a40d607e-6fc7-4f30-b347-2c94220b4158" style=" text-align:left;">1120 专用教室</div>
									<div class="style_19" id="AUTOGENBOOKMARK_67_b697bc4d-9aad-4ae5-b30b-61b8d865476a" style=" text-align:left;">严月</div>
								</td>
								<td class="style_15" style=" ">
									<div class="style_16" style="white-space:pre-wrap;"  id="AUTOGENBOOKMARK_68_d964b0e2-3b64-4f9b-89e5-b8e38212d041">&#xa0;</div>
								</td>
								<td class="style_17" style=" " valign="middle">
									<div  style="white-space:pre-wrap;border: 0px solid black; font-weight: bold; font-size: 8pt;"  id="AUTOGENBOOKMARK_69_30d0968e-e4c2-45d5-b9db-1544e34a82e0">建筑工程项目管理流程</div>
									<div class="style_19" id="AUTOGENBOOKMARK_70_c4ec37fb-efa8-4677-b1f9-3d1cc519d8d5" style=" text-align:left;">1-7,10-18周&#xa0;</div>
									<div class="style_19" id="AUTOGENBOOKMARK_71_6aeefaf6-867f-4e63-8a74-d35f20162a12" style=" text-align:left;">1120 专用教室</div>
									<div class="style_19" id="AUTOGENBOOKMARK_72_53b3032c-d82b-4f04-a692-544a4714ed1f" style=" text-align:left;">李孝洁</div>
								</td>
								<td class="style_17" style=" " valign="middle">
									<div  style="white-space:pre-wrap;border: 0px solid black; font-weight: bold; font-size: 8pt;"  id="AUTOGENBOOKMARK_73_9995ada3-3265-4943-ab20-f13a9fde0770">建筑算量软件操作</div>
									<div class="style_19" id="AUTOGENBOOKMARK_74_11e9e36c-27a0-4669-89da-fa6d3d8de49b" style=" text-align:left;">1-7,10-18周&#xa0;</div>
									<div class="style_19" id="AUTOGENBOOKMARK_75_47b33124-73c0-4a0f-b2d2-2f10d35a1086" style=" text-align:left;">1120 专用教室</div>
									<div class="style_19" id="AUTOGENBOOKMARK_76_2472e151-1ed1-4677-aa24-a2205c039eb1" style=" text-align:left;">习苑</div>
								</td>
								<td class="style_15" style=" ">
									<div class="style_16" style="white-space:pre-wrap;"  id="AUTOGENBOOKMARK_77_3cfbc809-1b42-41d1-8269-7c52257cef53">&#xa0;</div>
								</td>
							</tr>
							<tr class="style_12" style=" height: 77.5px;" valign="top">
								<td class="style_13" style=" " valign="middle">
									<div class="style_14" id="AUTOGENBOOKMARK_78_fb3eb667-bd53-40e0-b50b-795a9fbf55b0" style=" text-align:center;">6</div>
								</td>
								<td class="style_17" style=" " valign="middle">
									<div  style="white-space:pre-wrap;border: 0px solid black; font-weight: bold; font-size: 8pt;"  id="AUTOGENBOOKMARK_79_be1eabaf-9aaa-4abe-bf06-c072846b3daf">建筑装饰学</div>
									<div class="style_19" id="AUTOGENBOOKMARK_80_7daa0c5e-7ca7-4631-94af-4fe25cc7b1e8" style=" text-align:left;">1-7,10-18周&#xa0;</div>
									<div class="style_19" id="AUTOGENBOOKMARK_81_aefabb0e-1041-4938-b371-c6974243462d" style=" text-align:left;">1120 专用教室</div>
									<div class="style_19" id="AUTOGENBOOKMARK_82_04c89d33-19d9-4d51-b7ac-7fc3bcb3c6a8" style=" text-align:left;">严月</div>
								</td>
								<td class="style_15" style=" ">
									<div class="style_16" style="white-space:pre-wrap;"  id="AUTOGENBOOKMARK_83_cc41860a-281e-47d9-9208-890417c8348e">&#xa0;</div>
								</td>
								<td class="style_17" style=" " valign="middle">
									<div  style="white-space:pre-wrap;border: 0px solid black; font-weight: bold; font-size: 8pt;"  id="AUTOGENBOOKMARK_84_45b354bf-b88d-467c-80a3-3d8a54568080">建筑工程项目管理流程</div>
									<div class="style_19" id="AUTOGENBOOKMARK_85_2ef34c2a-c10e-48d7-af43-1a8f794798fe" style=" text-align:left;">1-7,10-18周&#xa0;</div>
									<div class="style_19" id="AUTOGENBOOKMARK_86_e7d94a52-040d-4862-9764-700688d72952" style=" text-align:left;">1120 专用教室</div>
									<div class="style_19" id="AUTOGENBOOKMARK_87_0a7515b1-c947-4143-9888-5e7ee0874bc2" style=" text-align:left;">李孝洁</div>
								</td>
								<td class="style_17" style=" " valign="middle">
									<div  style="white-space:pre-wrap;border: 0px solid black; font-weight: bold; font-size: 8pt;"  id="AUTOGENBOOKMARK_88_974d913c-a408-440a-9113-fffb5dd1db6b">建筑算量软件操作</div>
									<div class="style_19" id="AUTOGENBOOKMARK_89_c9c8b706-1e85-4440-8bb7-4158e64da04d" style=" text-align:left;">1-7,10-18周&#xa0;</div>
									<div class="style_19" id="AUTOGENBOOKMARK_90_5a414188-bccb-4f54-b93d-b467e9da4021" style=" text-align:left;">1120 专用教室</div>
									<div class="style_19" id="AUTOGENBOOKMARK_91_733bb8f6-0153-4604-962f-ea66b29d4b03" style=" text-align:left;">习苑</div>
								</td>
								<td class="style_15" style=" ">
									<div class="style_16" style="white-space:pre-wrap;"  id="AUTOGENBOOKMARK_92_81190cc5-ed15-47a8-af8f-bf0f890b34a4">&#xa0;</div>
								</td>
							</tr>
							<tr valign="top">
								<td class="style_23" colspan="6" style=" " valign="top">
									<div id="AUTOGENBOOKMARK_93_5681308f-fbd8-4191-b873-364f8339b1f5" style=" text-align:left;">建筑162班实践周信息,实践名称1:综合德育素质周, 实践周次:8-9周, 带课老师:施梅香,施欢;</div>
								</td>
							</tr>
						</table>

 

echo_and_jose123
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
java js合并_JS合并单元格
weixin_32791013的博客
02-19 418
在Web中经常需要合并单元格，例如对于下面一个表格:table,table tr th,table tr td {border: 1px solid #0094ff;}表头1表头2表头3表头4列1列2列3列4列1列2列3列4列1列2列3列4表格原来样式:合并的JS方法:(可以作为一个工具方法)1、纵向合并，也就是对同一列的相邻行单元格相同的进行合并/*** 合并单元格(如果结束行传0代表合并所有行...
js,自动合并单元格
qq_31983635的博客
06-18 339
/** * 需要jquery * Table td 相同值合并行 要求： * 1.table 必须包含tbody，tbody为数据主休 * 2.指定特定的列合并，用merge id->表格的id,icol->要合并的列（从0开始),isCenter->是否垂直居中 * 3.mergeRowSpan 从第0列到colCount-1列合并 * 如果想合并n行，必须从小到大的顺序合并，如想合并第二行和第四行，调用顺序为 * merge('xxx',1,true) .
js 合并单元格
11-12
js 合并单元格 只有一个方法 思路清晰 可直接使用 注：此方法为合并某一列的单元格 若合并其他 可在吃方法基础上修改
js实现自定义合并单元格，el-table开箱即用
sssdal19995的博客
04-02 2707
分享一个简单易用的计算表格内单元格合并的工具，支持行合并、列合并等常见场景
有关table组件列合并的方法
最新发布
armanted的博客
05-19 459
【代码】有关table组件列合并的方法。
JS合并相同单元格
轻风细雨_林木木
09-01 761
参考：https://blog.csdn.net/Jioho_chen/article/details/84593753。
原生js合并单元格
dlbyysd的博客
07-12 2009
原生js简单封装合并单元格
js合并单元格 相同内容的单元格合并
02-08
在JavaScript编程中，合并单元格是一项常见的需求，特别是在处理HTML表格时。这通常涉及到优化数据展示，例如在报告或统计中避免重复信息占用过多空间。本文将深入探讨如何使用JavaScript来实现相同内容的单元格合并...
Javascript合并表格中具有相同内容单元格示例
10-27
综上所述，通过JavaScript合并表格中具有相同内容的单元格，可以有效地简化表格结构，提高信息展示的效率和美观度。在实现时，需要综合运用HTML、CSS和JavaScript的知识，特别注意DOM操作和属性设置的准确性，以确保...
javascript合并单元格
11-26
### JavaScript 合并单元格详解 #### 一、概述 在网页开发中，表格是一种非常常见的数据展示形式。为了使表格中的数据呈现更加美观、合理，我们常常需要对某些单元格进行合并操作。本篇文章将重点介绍如何使用...
jquery datatable 单元格合并
04-26
通过Datatables的`drawCallback`或`initComplete`事件，在表格渲染完成后合并单元格。遍历预处理得到的合并信息，使用DOM操作修改表格结构。 ```javascript $('#example').DataTable({ // ...其他配置... ...
js 自定义表格的合并单元格、插入行列、删除行列
我见青山多妩媚,料青山见我应如是
09-09 2926
js 自定义表格的合并单元格、插入行列、删除行列
JS前端合并单元格
前路漫漫，少年，继续披荆斩棘！
01-05 640
JS前端合并单元格
JavaScript合并单元格【解决只能根据单列进行合并的问题】
leader_li的博客
03-09 1194
该合并单元格的方法无法整齐的规划表格。由于每列只能根据该列的重复值进行合并，看着比较混乱。需要根据其他列进行分割合并。
JS实现合并单元格的两种方法
qq_45241359的博客
04-05 6775
本后端菜狗想在网上找合并单元格的代码，结果找到的都是太老的代码，然后就只能用Js手写了两种方法（第二种方法叫了个前端大佬写的） 废话不多说，直接上代码： （由于时间有点小久，就不写思路和过程啦） 第一种方法： 1.使用map扫描一遍表格，统计相同的信息数量（需要合并的个数），并标记每个重复的第一个元素 2.利用queue队列再扫描一遍表格，将不是第一个元素放入其中，最后讲队列元素全部出栈并删除元素。（这里不能用array数组存储删除的元素，因为删除会导致引用的下标不对） 3.扫描一遍表格，将第一个元素合并
js实现表格动态合并
weixin_52776724的博客
03-09 1777
【代码】js实现表格动态合并。
JS 合并表格
qq_41834408的博客
12-12 1671
【代码】JS 合并表格。
js 实现表格合并单元格
qq_35469137的博客
04-15 2889
需求 实现下面的表格效果 代码： //利用去重原理 function table(dom) { var arr = []; var f= document.getElementsByClassName(dom); for (let i = 0; i < f.length; i++) { if (arr.indexOf(f[i].innerHTML) == -1) { arr.push(f[i].innerHTML); var.
SpreadJs合并单元格判断
05-27
在SpreadJS中，可以使用 isSpan 方法来判断指定的单元格是否是合并单元格。具体的用法如下： ```javascript var sheet = spread.getActiveSheet(); var row = 1, col = 1; var isSpan = sheet.isSpan(row, col); if (isSpan) { // 如果指定的单元格是合并单元格，则返回 true console.log('指定的单元格是合并单元格'); } else { // 如果指定的单元格不是合并单元格，则返回 false console.log('指定的单元格不是合并单元格'); } ``` 在上面的代码中，首先获取当前活动的工作表对象，然后指定要判断的单元格的行列坐标，使用 isSpan 方法判断该单元格是否是合并单元格，如果是合并单元格，则返回 true，否则返回 false。 需要注意的是，isSpan 方法只能判断指定的单元格是否是合并单元格，如果要判断某个区域是否是合并单元格，需要使用 getSpan 方法来获取该区域所在的合并单元格。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值