仪器名称     领用人 领用日期 
不透光烟度计  杨捷  2009-08-06 
不透光烟度计  王琪  2009-12-01 
汽柴分析仪    王琪  2009-11-16 
汽柴分析仪    王琪  2009-11-12 
汽柴分析仪    王琪  2009-08-06 
如图所示,上面是一个列表,我如何能够把名字相同的仪器的表格合并在一起,或者显示一个名字:
仪器名称     领用人 领用日期 
不透光烟度计  杨捷  2009-08-06 
              王琪  2009-12-01 
汽柴分析仪    王琪  2009-11-16 
              王琪  2009-11-12 
              王琪  2009-08-06 

解决方案 »

  1.   

    在第三行第一列加上 rowspan=4
    去掉第4,5,6,行的td
      

  2.   

    循环的时候判断仪器名称,有不一样的加tr,否则加rowspan。
      

  3.   

    在页面加一个判断,你应该是在页面循环显示吧,如果是的话就:如果name1==name2那么就让 i=i-1,这样就不会出现下一行了。不等于就不管。
      

  4.   

    应该先分组,这样你才能知道rowspan。
    如果在jsp里分组,那太麻烦了。
    分完组就好办了,直接rowspan=行数,下面重复的不显示就行了。
      

  5.   


    <html>  
      <head>  
      <script>  
    function SpanGrid(tabObj,colIndex)
    {
     if(tabObj != null)
     {
      var i,j;
      var intSpan;
      var strTemp;
      for(i = 0; i < tabObj.rows.length; i++)
      {
       intSpan = 1;
       strTemp = tabObj.rows[i].cells[colIndex].innerText;
       for(j = i + 1; j < tabObj.rows.length; j++)
       {
        if(strTemp == tabObj.rows[j].cells[colIndex].innerText)
        {
         intSpan++;
         tabObj.rows[i].cells[colIndex].rowSpan  = intSpan;
         tabObj.rows[j].cells[colIndex].style.display = "none";
        }
        else
        {
         break;
        }
       }
       i = j - 1;
      }
     }
    }
      </script> 
      </head>  
      <body  onload="SpanGrid(table1,0)">  
      <table   width="400"   border="1"   id="table1">  
          <tr>  
              <td>不透光烟度计</td>  
              <td>杨捷</td>  
              <td>2009-08-06 </td>  
          </tr>   
          <tr>  
              <td>不透光烟度计</td>  
              <td>王琪  </td>  
              <td>2009-08-06 </td>  
          </tr>   
          <tr>  
              <td>汽柴分析仪</td>  
              <td>王琪  </td>  
              <td>2009-08-06 </td>  
          </tr>   
          <tr>  
              <td>汽柴分析仪</td>  
              <td>王琪  </td>  
              <td>2009-08-06 </td>  
          </tr>   
          <tr>  
              <td>汽柴分析仪</td>  
              <td>王琪  </td>  
              <td>2009-08-06 </td>  
          </tr>  
      </table>   
      </body>  
      </html>