一个简单的js合并列的例子,大家可以自己改进哦！

最新推荐文章于 2018-10-26 16:25:00 发布

高高

最新推荐文章于 2018-10-26 16:25:00 发布

阅读量4.6k

点赞数 1

分类专栏： JavaScript 文章标签： border function table

本文链接：https://blog.csdn.net/gf50286970/article/details/7031653

版权

JavaScript 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

<html>
	<head>
		<title>单元格合并</title>
		<script>
			var main = 1;//参照列 从0开始
			var td = [2,3];//根据参照列合并的列 从0开始
			window.οnlοad=function()
			{
				var table = document.getElementById("tab"); 
				var name=""; 
				for(var i=0,j=0;i <table.rows.length;i++,j++) 
				{
					if(name==table.rows[i].cells[main].innerHTML) 
					{
						table.rows[i].deleteCell(main);
						for(var h=0;h<td.length;h++)
						{
							table.rows[i].deleteCell(td[i]);
						}
					}
					else
					{
						name=table.rows[i].cells[main].innerHTML; 
						if(i>0)
						{
							table.rows[i-j].cells[main].rowSpan=j; 
							for(var h=0;h<td.length;h++)
							{
								table.rows[i-j].cells[td[h]].rowSpan=j; 
							}
						}
						j=0; 
					}
				}
			}
		</script>
	</head>
<body>
<table border="1" id="tab">
	<tr>
		<td>编号</td>
		<td>姓名</td>
		<td>性别</td>
		<td>年龄</td>
		<td>科目</td>
		<td>分数</td>
	</tr>
	<tr>
		<td>1</td>
		<td>高高</td>
		<td>男</td>
		<td>12</td>
		<td>数学</td>
		<td>100</td>
	</tr>
	<tr>
		<td>2</td>
		<td>高高</td>
		<td>男</td>
		<td>12</td>
		<td>语文</td>
		<td>90</td>
	</tr>
	<tr>
		<td>3</td>
		<td>王帅</td>
		<td>男</td>
		<td>23</td>
		<td>物理</td>
		<td>0</td>
	</tr>
</table>
</body>
</html>