当前位置: 代码迷 >> Java Web开发 >> 高难页面报表实现方法。JSP
  详细解决方案

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

热度:9349   发布时间:2013-02-25 21:16:40.0
高难页面表格实现方法。JSP
哪位高手能在JSP中实现下面图片这种表格?



------解决方案--------------------------------------------------------
供参考:

HTML code
<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>
  相关解决方案