`

名字相同的合并单元格

J#HTML 
阅读更多 
<html>
	<head>
		<script>
	function reload(){   
        var table = document.getElementById("filmTable");   
        for(i=0;i<table.rows.length-1;i++){   
            for(j=i+1;j<table.rows.length;j++){   
                if(table.rows[i].cells[0].innerHTML==table.rows[j].cells[0].innerHTML){   
                    table.rows[j].deleteCell(0);   
                    table.rows[i].cells[0].rowSpan++;   
                    if(table.rows[i].cells[1].innerHTML==table.rows[j].cells[0].innerHTML){   
                        table.rows[j].deleteCell(0);   
                        table.rows[i].cells[1].rowSpan++;   
                    }   
                }   
            }   
        }   
    }  

	</script>
	</head>
	<body>
		<table border="1" id="filmTable">
			<tr>
				<td>
					1
				</td>
				<td>
					1
				</td>
				<td>
					3
				</td>
				<td>
					4
				</td>
				<td>
					5
				</td>
			</tr>

			<tr>
				<td>
					1
				</td>
				<td>
					1
				</td>
				<td>
					3 1212
				</td>
				<td>
					4
				</td>
				<td>
					512121
				</td>
			</tr>

			<tr>
				<td>
					1 2
				</td>
				<td>
					1
				</td>
				<td>
					3 3
				</td>
				<td>
					4 2
				</td>
				<td>
					5 1
				</td>
			</tr>
		</table>
		<input type="button" value="button" onclick="reload()"></input>
	</body>
</html>

 

分享到：
| Tomcat如何与Servlet对象进行交互
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    easyuiPoi导出Excel工具类封装（支持合并单元格）

    在描述中提到的“支持纵向合并单元格（合并重复内容）”可能是指在数据填充时，如果相邻的单元格内容相同，EasyUIPoI会自动合并这些单元格，以减少重复和提高可读性。这在处理具有层次结构或分类数据时非常有用。 ...

    LayUiTable表单相同参数的单元格合并

    本话题聚焦于LayUI中的Table组件，特别是如何实现相同参数的单元格合并功能，这在展示数据时能有效提高信息的可读性和美观性。 LayUI Table的单元格合并功能，主要是通过`parseData`方法和自定义模板来实现的。当...

    vue 中 elment-ui table合并上下两行相同数据单元格

    html ： align=center v-loading=loading height=tableHeight span-method=objectOneMethod &gt; &lt;el align=center prop=projName&gt;&lt;/el&gt; &lt;el-tab

    Java导出excel时合并同一列中相同内容的行思路详解

    Java 导出 Excel 时合并同一列中相同内容的行思路详解 Java 导出 Excel 时合并同一列中相同内容的行是一种常见的需求，特别是在统计报表中，我们经常需要将相同的内容合并到一起，以便更好地展示数据。在本文中，...

    bootstrap Table实现合并相同行

    方法：调用mergeCells(data, fieldName, target)，可以实现合并相同行 var table = $(#table); // 初始化表格 table.bootstrapTable({ url: $.fn.bootstrapTable.defaults.extend.index_url, pk: 'id', ...

    不同Excle表格后台合并输出到页面的Excle

    - 考虑到数据一致性，合并前应检查是否有相同的标识符（如ID），以避免重复数据。 3. **NTKO Office控件**： - NTKO Office控件允许在Web环境中实现Office文档的创建、编辑和显示，它提供了一套JavaScript API，...

    【JavaScript源代码】vue element实现表格合并行数据.docx

    `objectSpanMethod`方法内部，我们分别处理了需要合并的列，这里是第一列（序号）和第二列（名字）。对于其他列（如时间列），你可以按照同样的逻辑进行处理。如果需要合并第三列，只需解开注释掉的部分，添加对应的...

    Excel2003基础教程(全)

    - **合并单元格**: 选择单元格 -&gt; 右键 -&gt; “设置单元格格式” -&gt; 在“对齐”选项卡中勾选“合并单元格”。 - **撤销操作**: 使用Ctrl+Z快捷键。 **知识点5：插入与填充单元格** - **插入单元格/列/行**: 选中目标...

    EXCEL基础教程

    - 合并单元格：在“对齐”选项卡中勾选“合并单元格”复选框，使单元格合并为一个更大的单元格。 - 完成设置后点击“确定”。 #### 四、表格结构调整 - **插入列**： - 选中需要在其右侧插入新列的位置（例如“A...

    Excel电子表格基本知识点汇总.docx

    - **合并单元格**：选中多个单元格，使用"格式"工具栏上的"合并与居中"。 - **取消合并**："格式" &gt; "单元格" &gt; "对齐"，取消"合并单元格"。 - **删除数据**：选中单元格，按Delete键。 - **选择单元格**：鼠标...

    办公软件excel应用培训教材.doc

    - 对表头进行合并单元格操作，同样右键选择“设置单元格格式”，勾选“合并单元格”。 3. **保存文件**：保存修改后的文件。 **五、插入与填充** 1. **插入行或列**：当需要调整表格结构时，可以插入新的行或列...

    Excel使用技巧大全(超全)

    - 双击单元格左上角的名字框，输入新名字后按 `Enter` 键确认。 **5. 在Excel中选择整个单元格范围** - 使用鼠标拖拽的方式可以选择任意范围的单元格。 - 使用快捷键 `Ctrl + Shift + 方向键` 可以快速选择连续的...

    2021-2022计算机二级等级考试试题及答案No.16345.docx

    - 合并单元格并居中：选中表头单元格，使用合并单元格功能，然后设置字体和字号。 - 序号列填充：从A3单元格开始输入1，然后使用填充柄填充至A17，设置为数值、0位小数、居中对齐。 - 设置会计格式：从“基础工资...

    Excel表格学习使用技巧大全参考.doc

    19. **快速给数字加上单位**：使用合并单元格或文本与数字的组合。 20. **巧妙输入位数较多的数字**：使用科学记数法或设置单元格格式。 21. **将WPS/Word表格转换为Excel工作表**：复制表格，然后在Excel中粘贴。 ...

    Excel数据整理与分析-数据规范常用技巧——快速填充.pptx

    5. **字段合并**：快速填充也可以用于合并数据，如将员工的名字和姓氏合并成全名。 6. **部分内容合并**：在某些情况下，我们可能只需要合并数据的一部分，快速填充能根据已输入的信息智能合并，例如合并带有前缀或...

    计算机职称考试题.pdf

    3. **合并单元格**：在表格中，选中需要合并的两个单元格，右键点击并选择“合并单元格”，即可将它们合并为一个单元格。 4. **插入商标符**：在文档中定位光标，通过“插入”菜单选择“符号”，再选择“特殊字符”...

    简单的网页制作教程-设计一个个人网站.pdf

    例如，你可以合并第二行的所有单元格，或者在第三行的第二和第三列合并单元格。此外，可以通过修改表格的width和height属性来调整其大小，如，align用于设定表格的对齐方式，height则定义表格的高度。 至于动态按钮...

    2022年会计继续教育EXCEL在财务中的应用上答案.doc

    8. **单元格格式**：将内容在A1至A5之间居中显示，但不合并单元格，应选中A1至A5，然后设置单元格格式为“跨列居中”。 9. **模板保存**：采购订单凭证作为常用会计凭证，可以被保存为模板以备后用。 10. **格式刷...

    三线表及其绘制方法

    2. 选中除第一行外的所有单元格，右键选择“合并单元格”来合并列。 3. 选中整个表格，通过“格式 - 边框和底纹”取消所有框线。 4. 选择合适的线宽，如1又1/2磅，添加上、下和中间的框线。 此外，还可以利用Word的...

Magicbox
Global site tag (gtag.js) - Google Analytics