首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > JAVA > Java Web开发 >

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

2012-08-11 
高难页面表格实现方法。JSP哪位高手能在JSP中实现下面图片这种表格?[解决办法]供参考:HTML codehtmlhead

高难页面表格实现方法。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> 

热点排行