高难页面表格实现方法。JSP

哪位高手能在JSP中实现下面图片这种表格？

解决方案 »

  1.   

    这个好像跟 JSP 没关系吧？HTML + CSS
      

  2.   

    供参考：
    <html>
    <head>
    <style>
    table {
      border-right:1 solid;
      border-bottom:1 solid;
    }
    td {
      border-left:1 solid;
      border-top:1 solid;
      border-bottom:0 none;
      border-right:0 none;
    }
    </style>
    </head>
    <body>
    <table cellspacing="0" width="200">
      <tr><td></td><td colspan="4" align="center">1单元</td></tr>
      <tr><td>4层</td><td colspan="4" align="center">10401<br>张三</td></tr>
      <tr>
          <td>3层</td>
          <td colspan="2" align="center" width="40%">10301<br>李四</td>
          <td colspan="2" align="center" width="40%">10302<br>王五</td>
      </tr>
      <tr><td>2层</td><td colspan="4" align="center">10103<br>翠花</td></tr>
      <tr>
          <td>1层</td>
          <td align="center">10101<br>周正龙</td>
          <td colspan="2" align="center">10102<br>老沙</td>
          <td align="center" style="border-top:0 none">
             <!--这里并未真正合并单元格，而是隐藏其上边线-->
          </td>
      </tr>
    </table>
    </body>
    </html>
      

  3.   

    http://topic.csdn.net/u/20120708/19/5212d06f-b922-4ec5-9990-08f8ab4dde91.html?57698
      

  4.   

    正解,和楼主一样,建议i楼主都学习一下css把,这无非就是纵向合并,很简单的