永发信息网

如何将相同的合并为一行在table中js

答案:2  悬赏:0  手机版
解决时间 2021-08-15 01:50
  • 提问者网友:美人性情
  • 2021-08-14 23:02

用js,如何让像这样的表格

变成这样的表格

也就是说如何把第一列中,把名称相同的合为一行,第二列也是这样

最佳答案
  • 五星知识达人网友:洎扰庸人
  • 2021-08-15 00:22

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
" http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<script language="javascript" type="text/javascript">
  
    function mergeTable()
    {
    var table = document.getElementById("t1");
    
    
    table.rows[0].cells[1].rowSpan = 2;
    for(var i=1;i<2;i++)
    {
    table.rows[i].deleteCell(1);
    }
    
    
    table.rows[3].cells[1].rowSpan = 2;
    for(var i=4;i<5;i++)
    {
    table.rows[i].deleteCell(1);
    }
    
    table.rows[0].cells[0].rowSpan = 5;
    for(var i=1;i<5;i++)
    {
    table.rows[i].deleteCell(0);
    }
    
    table.rows[5].cells[1].rowSpan = 2;
    for(var i=6;i<7;i++)
    {
    table.rows[i].deleteCell(1);
    }
    
    table.rows[7].cells[1].rowSpan = 3;
    for(var i=8;i<10;i++)
    {
    table.rows[i].deleteCell(1);
    }
    
    table.rows[5].cells[0].rowSpan = 5;
    for(var i=6;i<10;i++)
    {
    table.rows[i].deleteCell(0);
    }
    }
</script>
</head>



<body>
<table id="t1" width="766" border="1">
  <tr>
    <td width="496">天空之城</td>
    <td width="80">2010-8-21</td>
    <td width="80">9:00</td>
    <td width="82"><a href="#">订票</a></td>
  </tr>
  <tr>
    <td>天空之城</td>
    <td>2010-8-21</td>
    <td>9:00</td>
    <td><a href="#">订票</a></td>
  </tr>
  <tr>
    <td>天空之城</td>
    <td>2010-8-22</td>
    <td>9:00</td>
    <td><a href="#">订票</a></td>
  </tr>
  <tr>
    <td>天空之城</td>
    <td>
    2010-8-22</td>
    <td>9:00</td>
    <td><a href="#">订票</a></td>
  </tr>
  <tr>
    <td>天空之城</td>
    <td>2010-8-23</td>
    <td>9:00</td>
    <td><a href="#">订票</a></td>
  </tr>
  <tr>
    <td>龙猫</td>
    <td>2010-8-23</td>
    <td>9:00</td>
    <td><a href="#">订票</a></td>
  </tr>
  <tr>
    <td>龙猫</td>
    <td>2010-8-23</td>
    <td>9:00</td>
    <td><a href="#">订票</a></td>
  </tr>
  <tr>
    <td>龙猫</td>
    <td>2010-8-23</td>
    <td>9:00</td>
    <td><a href="#">订票</a></td>
  </tr>
  <tr>
    <td>龙猫</td>
    <td>2010-8-24</td>
    <td>9:00</td>
    <td><a href="#">订票</a></td>
  </tr>
  <tr>
    <td>龙猫</td>
    <td>2010-8-25</td>
    <td>9:00</td>
    <td><a href="#">订票</a></td>
  </tr>
</table>
<p><input id="btnmerge" name="btnmerge" value="合并" type="button" onclick="mergeTable()"></p>
</body>
</html>

全部回答
  • 1楼网友:执傲
  • 2021-08-15 01:31

有个点疑问。不晓得你的数据是从哪里来的。就上面表格而言:

如果在 (耳朵大有福)下面再次出现了(集结号)这时候需要把数据和上面的(集结号)合并吗。

这个你要说清楚。

我要举报
如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
点此我要举报以上问答信息
大家都在看
推荐资讯