在我们现在做的OA系统中，表格已经成为不可缺少的重要组成部分，如果没有表格，我们的工作可能会增加很多。为了美观表格，常常需要将表格中相同内容的行进行合并，表格中的专用标签就是rowspan，描述一下就是将相邻2行或多行中相同位置的列进行合并，当然合并使用前提的，如内容相同，ID相同等等。这里jucelin写了个用JS实现表格行合并的代码，主要使用ID来判断的，不足是出现了相同的ID，但如果调用getElementById的话，在合并之后调用即可。

整个代码都比较简单，jucelin加入了各种判断，主要是为了匹配各种情况，也没找到相关的优化方案。

核心代码（双击代码可以编辑复制）：

<script language="javascript">
function TableRowsSpan(tableID, ColList) {
	var ColArray = ColList.split(",");
	var TableName = document.getElementById(tableID);
	var TableRowsCount = TableName.rows.length;
	for (j = ColArray.length - 1; j >= 0; j--) {
		PreId = "";
		CurId = "";
		TempCount = 1;
		for (i = 0; i <= TableRowsCount; i++) {
			if (i != TableRowsCount) {
				CurId = TableName.rows[i].cells[ColArray[j]].id;
				if (CurId != "") {
					if (CurId == PreId) {
						TempCount += 1;
					}
					 else {
						if (TempCount > 1) {
							SpanRows(TableName, i, j, TempCount, ColArray[j]);
						}
						PreId = CurId;
						TempCount = 1;
					}
				}
				 else {
					if (TempCount > 1) {
						SpanRows(TableName, i, j, TempCount, ColArray[j]);
					}
					PreId = CurId;
					TempCount = 1;
				}
			}
			 else {
				if (TempCount > 1) {
					SpanRows(TableName, i, j, TempCount, ColArray[j]);
				}
				PreId = CurId;
				TempCount = 1;
			}
		}
	}
}
function SpanRows(TableName, i, j, TempCount, ColArrayj) {
	TableName.rows[i - TempCount].cells[ColArrayj].rowSpan = TempCount;
	for (m = i - TempCount + 1; m <= i - 1; m++) {
		TableName.rows[m].deleteCell(ColArrayj);
	}
}
</script>

参数说明

tableID : 表格的ID，即选择要被操作的表格

ColList : 被选表格中需要需要合并的列，从第0个开始，即第一列则填0，以半角逗号分割，超出最大值出错

演示页面

https://jucelin.com/wp-content/uploads/2012/01/TableRowsSpan.html

版权说明

用JS实现表格行合并的代码是手敲的，思路是自己想的，如果你觉得有必要，就在适当的位置添加上jucelin的名字或网址。本代码自由转载，自由修改，自由使用，如果你有改进，发我一份则十分感谢。

最后声明

用JS实现表格行合并的代码你可以自由使用，但建议你根据实际需求修改后再应用到实际生产中去，避免不必要的资源浪费。越强大越智能，功能越强的代码都是以消耗资源为前提的，并不是每个产品都需要写个jQuery类型的功能库。