JavaScript合并单元格格

原创于 2010-08-13 08:46:00 发布 · 1.8k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #table #function

.NET 同时被 2 个专栏收录

90 篇文章

订阅专栏

数据

19 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现表格特定列合并的方法。通过定义要合并的列序号并利用JavaScript函数，可以有效地将指定列的数据进行合并，并设置单元格跨行显示属性。此方法适用于网页开发中对表格数据进行整理的需求。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

使用方法例如我们要合并第1列第2列第4列第14列第15列建一个数组并且根据ID找到TABLE 把这段代码放到TABLE后面就可以了

<SCRIPT language="javascript" > var columnlist =new Array(); columnlist.push(0); columnlist.push(1); columnlist.push(2); columnlist.push(3); columnlist.push(13); columnlist.push(14); UniteTableCells(document.getElementById("tableview"),columnlist); </SCRIPT>

方法

<SCRIPT language="javascript" > function UniteTableCells(table,columnindex) { var count = table.rows.length; var columncount =columnindex.length; var tempText = new Array(columncount); var rowindex = new Array(columncount); for (i = 0; i != count; i++) { var cellText = ""; for (z = 0; z != columncount; z++) { cellText += table.rows[i].cells[columnindex[z]].innerHTML; var text = tempText[z]; if (text== cellText) { table.rows[i].cells[columnindex[z]].style.display='none'; table.rows[rowindex[z]].cells[columnindex[z]].rowSpan++; } else { rowindex[z] = i; tempText[z] = cellText; table.rows[rowindex[z]].cells[columnindex[z]].rowSpan = 1; } } } } </SCRIPT>