JS自动合并相同行

最新推荐文章于 2024-05-24 17:50:52 发布

zyijava

最新推荐文章于 2024-05-24 17:50:52 发布

阅读量4.9k

点赞数 2

分类专栏： java web JS 文章标签： generator javascript html border function table

本文链接：https://blog.csdn.net/zyijava/article/details/7472529

版权

java 同时被 3 个专栏收录

10 篇文章 0 订阅

订阅专栏

web

3 篇文章 0 订阅

订阅专栏

2 篇文章 0 订阅

订阅专栏

页面列表展现的时候经常会出现某列中有相同行的情况，有时会需要我们合并这些具有相同行的列，这时可以用一种比较简单的方法来实现，即JS来实现

<!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 οnlοad="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>

zyijava

关注

2
点赞
踩
3

收藏

觉得还不错? 一键收藏
6
评论
JS自动合并相同行

页面列表展现的时候经常会出现某列中有相同行的情况，有时会需要我们合并这些具有相同行的列，这时可以用一种比较简单的方法来实现，即JS来实现 New Document function autoRowSpan(tb,row,col) { var lastValue=""; var value="";
复制链接

扫一扫