【jsp】jsp页面表格和表头的拼接

最新推荐文章于 2025-03-27 16:30:45 发布

myloveyoyo1314

最新推荐文章于 2025-03-27 16:30:45 发布

阅读量3.7k

点赞数

分类专栏： java 文章标签： jsp div input border table stylesheet

本文链接：https://blog.youkuaiyun.com/myloveyoyo1314/article/details/4819646

版权

这篇博客记录了一次使用JSP创建类似Excel报表的过程，包括如何在页面上展示带有表头的表格。作者强调了在设置rowspan和colspan时确保表格结构正确的重要性，以防后续添加内容导致布局混乱。示例代码展示了如何构建复杂的表头和单元格合并。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

做了一个小模块需要在jsp页面上按照Excel报表格式显示表头虽然不复杂但是第一次做留个纪念

这些东西高手当然是不需要了但是对于没做过的可能会给你一点点收获

要注意的是表头的rowspan和colspan 横竖要匹配不然下面再添加表格会乱有啥不清楚的欢迎留言

<%@ page language="java" pageEncoding="UTF-8"%> <%@ include file="../../../include_taglib.jsp" %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title></title> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="This is my page"> <link href="../../../css/css.css" mce_href="css/css.css" rel="stylesheet" type="text/css"></head> <SCRIPT src="../../../js/setTime.js" mce_src="js/setTime.js" type=text/javascript></SCRIPT> <mce:script language="javascript"></mce:script> <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" > <table id="table5" width="100%" height="24" border="0" cellpadding="0" cellspacing="0" background="../../../images/main_27.gif"> <tr> <td> <table border="0" cellpadding="0" cellspacing="0" background="../../../images/main_25.gif"> <tr> <td width="6"><img src="../../../images/main_24.gif" mce_src="images/main_24.gif" height="24"></td> <td valign="bottom" class="txtglow1">调度生产日报　<c:out value="${requestScope.reportdate}"></c:out>　 </td> <td width="4"><img src="../../../images/main_26.gif" mce_src="images/main_26.gif" height="24"></td> </tr> </table> </td> </tr> </table> <table id="table4" width="100%" height="30" border="0" cellpadding="0" cellspacing="0" background="../../../images/main_11.gif"> <tr> <td width="1%"><img src="../../../images/main_10.gif" mce_src="images/main_10.gif" width="29" height="30" align="absmiddle"></td> <td width="99%" valign="top"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="25%" > <span class="txt1">选择日期： <html:text property="reportdate" value="${requestScope.reportdate }" size="14" readonly="true"></html:text> <img width="14" height="16" align="absmiddle" style="CURSOR: hand" mce_style="CURSOR: hand" src="../../../images/calendar.gif" οnclick="javascript:getCalendarx(reportdate,'Scrblist_listf.do?reportdate=')"/> </td>  <td width="49%" height="28" valign="bottom" align="center"> <FONT class="linkx" size="2"><strong id="strongid"><c:out value="${requestScope.msg}"></c:out></strong></FONT> </td>  </tr> </table> </td> <td width="1%" align="right"><img src="../../../images/main_12.gif" mce_src="images/main_12.gif" width="3" height="30"></td> </tr> </table> <c:choose> <c:when test="${empty requestScope.list}"> <div style> </c:when> <c:otherwise> <div style > </c:otherwise> </c:choose> <table id="table1" width="100%" border="1" cellpadding="0" cellspacing="0" bordercolor="#E8F4FF" bgcolor="#FFFFFF" style="border-collapse: collapse" mce_style="border-collapse: collapse"> <tr> <td rowspan="4" width="4%" background="../../../images/main_13.gif" bgcolor="#C4DDF6" height="20"><div align="center"><strong>时间</strong></div></td> <td colspan="10" width="5%" background="../../../images/main_13.gif" bgcolor="#C4DDF6" height="20"><div align="center"><strong>首站</strong></div></td> <td colspan="8" width="5%" background="../../../images/main_13.gif" bgcolor="#C4DDF6" height="20"><div align="center"><strong>中间站</strong></div></td> <td colspan="3" width="5%" background="../../../images/main_13.gif" bgcolor="#C4DDF6" height="20"><div align="center"><strong>末站</strong></div></td> <td rowspan="4" width="8%" background="../../../images/main_13.gif" bgcolor="#C4DDF6" height="20"><div align="center"><strong>备注</strong></div></td> </tr> <tr>  <td rowspan&#

最低0.47元/天解锁文章