JS 实现Table相同行的单元格自动合并示例代码
2013-08-27 00:00
1081 查看
代码如下,可直接运行:
<!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="autoRowSpan(tb,0,0)"> <TABLE id="tb" border="1"> <THEAD> <TR > <TD>国家</TD> <TD>地区</TD> </TR> </THEAD> <TR> <TD>中国</TD> <TD>河南</TD> </TR> <TR> <TD>中国</TD> <TD>四川</TD> </TR> <TR> <TD>中国</TD> <TD>北京</TD> </TR> <TR> <TD>美国</TD> <TD>纽约</TD> </TR> <TR> <TD>美国</TD> <TD>洛杉矶</TD> </TR> <TR> <TD>英国</TD> <TD>伦敦</TD> </TR> </TABLE> </BODY> </HTML>
相关文章推荐
- JS 实现Table相同行的单元格自动合并示例代码
- JS 实现Table相同行的单元格自动合并
- JS前端合并TABLE相同列的单元格
- js 实现自动合并相同的行
- vue.js实现表格合并示例代码
- jquery 合并内容相同的单元格(示例代码)
- vue.js实现表格合并示例代码
- jquery 合并内容相同的单元格(示例代码)
- JS实现仿百度输入框自动匹配功能的示例代码
- Js实现双击鼠标自动滚动屏幕的示例代码
- js对table的td进行相同内容合并示例详解
- Javascript学习笔记part1(Table单元格相同数据自动合并)
- JS实现仿百度输入框自动匹配功能的示例代码
- Js实现双击鼠标自动滚动屏幕的示例代码
- js实现表格table相同列合并
- JS实现仿百度输入框自动匹配功能的示例代码
- js对table的td进行相同内容合并示例详解
- Js实现双击鼠标自动滚动屏幕的示例代码
- Javascript学习笔记part1(Table单元格相同数据自动合并)补充
- 通过.NET实现后台自动发送Email功能的代码示例