您的位置：首页 > Web前端 > JavaScript

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

2011-12-01 17:04 651 查看

<html>
<head>
<title>单元格合并</title>
<script>
var main = 1;//参照列 从0开始
var td = [2,3];//根据参照列合并的列 从0开始
window.onload=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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航