动态合并单元格

最新推荐文章于 2022-07-08 17:33:28 发布

南湖少主

最新推荐文章于 2022-07-08 17:33:28 发布

阅读量554

点赞数 1

分类专栏：小技术

本文链接：https://blog.csdn.net/T1008/article/details/50463891

版权

小技术专栏收录该内容

1 篇文章 0 订阅

订阅专栏

<!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;
         alert(tb.rows.length);
         for(var i=row;i<tb.rows.length;i++)
         {
             value = tb.rows[i].cells[col].innerText;
             alert(value);
             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 οnlοad="autoRowSpan(tb,0,0)">
<TABLE id="tb" border="1">
<THEAD>
     <TR >
         <TD>国家</TD>
         <TD>地区</TD>
         <TD>地区</TD>
     </TR>
</THEAD>
<TR>
<TD>中国</TD>
<TD>河南</TD>
<TD>河南</TD>
</TR>
<TR>
<TD>中国</TD>
<TD>四川</TD>
   <TD>河南</TD>
</TR>
<TR>
<TD>中国</TD>
<TD>北京</TD>
   <TD>河南</TD>
</TR>
<TR>
<TD>美国</TD>
<TD>纽约</TD>
   <TD>河南</TD>
</TR>
<TR>
<TD>美国</TD>
<TD>洛杉矶</TD>
   <TD>河南</TD>
</TR>
<TR>
<TD>英国</TD>
<TD>伦敦</TD>
   <TD>河南</TD>
</TR>
</TABLE>
</BODY>
</HTML>