自动合并单元格
2014-02-21 11:06
330 查看
<!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].innerHTML;
//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(document.getElementById('tb'),0,0)">
<!--<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>
<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].innerHTML;
//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(document.getElementById('tb'),0,0)">
<!--<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相同行的单元格自动合并示例代码
- JQuery合并某列(行)单元格(绿色环保低碳全自动)---免费试用.你!!!还等什么?
- asp.net GridView、DataGrid行单元格自动合并
- 数据透视表中-“表格选项…”-“合并标志(M)”就相当于菜单“设置单元格格式”-“对齐”-“自动换行”、合并单元格”功能。
- gridview自动求和及合并多列多行单元格
- EasyUI-datagrid-自动合并单元格
- js自动合并值重复的单元格
- Javascript学习笔记part1(Table单元格相同数据自动合并)补充
- EasyUI-datagrid-自动合并单元格
- Javascript学习笔记part1(Table单元格相同数据自动合并)
- webapi下使用npoi导出数据到excel,包含自动列宽和自动合并某一列单元格
- Javascript导出Excel,自动合并单元格、自动列宽、有进度条
- Javascript导出Excel,自动合并单元格、自动列宽、有进度条
- 自动合并单元格
- 自动合并相同单元格
- 如何在excel中取消合并完单元格后自动把内容填充给其每个取消后的单元格
- JS 实现Table相同行的单元格自动合并
- JS 实现Table相同行的单元格自动合并示例代码
- 用jQuery合并表格中相同文本的相邻单元格(二)
- OpenERP商品添加的时候同类商品自动合并方法优化