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

js实现表格table相同列合并

2014-09-04 09:51 771 查看

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>

<HEAD>

<TITLE> New Document </TITLE>

<META NAME="Generator" CONTENT="EditPlus">

<META NAME="Author" CONTENT="">

<META NAME="Keywords" CONTENT="">

<META NAME="Description" CONTENT="">

</HEAD>

<SCRIPT LANGUAGE="JavaScript">

function autoRowSpan(tb,row,col) {
var lastValue="";
var value="";
var pos=1;
for(var i=row;i<tb.rows.length;i++){
value = tb.rows[i].cells[col].innerText;
if(lastValue == value){
tb.rows[i].deleteCell(col);
tb.rows[i-pos].cells[col].rowSpan = tb.rows[i-pos].cells[col].rowSpan+1;
pos++;
}else{
lastValue = value;
pos=1;
}
}
}

</SCRIPT>

<BODY onload="autoRowSpan1(tb,1,1)">

<TABLE id="tb" border="1">

<THEAD>

<TR >

<TD align="center">序号</TD>

<TD>国家</TD>

<TD>地区</TD>

</TR>

</THEAD>

<TR>

<TD align="center">1</TD>

<TD>中国</TD>

<TD>河南</TD>

</TR>

<TR>

<TD align="center">2</TD>

<TD>中国</TD>

<TD>四川</TD>

</TR>

<TR>

<TD align="center">3</TD>

<TD>中国</TD>

<TD>北京</TD>

</TR>

<TR>

<TD align="center">4</TD>

<TD>美国</TD>

<TD>纽约</TD>

</TR>

<TR>

<TD align="center">5</TD>

<TD>美国</TD>

<TD>洛杉矶</TD>

</TR>

<TR>

<TD align="center">6</TD>

<TD>英国</TD>

<TD>伦敦</TD>

</TR>

</TABLE>

</BODY>

</HTML>

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

标签： js html

相关文章推荐

新的分享

章节导航