前端数据展示模板

<table   style="width:100%" class="showTable" cellpadding="0" cellspacing="0">
			<thead>
				<tr>
					<td style="width: 9%;" class="showTableHeard">人员姓名</td>
					<c:forEach items="${cols}" var="dateString">
						<td style="width: 13%;" class="showTableHeard">${dateString}</td>
					</c:forEach>
				</tr>
			</thead>
			<tbody>
				<c:choose>
					<c:when test="${empty rows }">
					<tr>
						<td colspan="8">****暂无相关数据****</td>
					</tr>
					</c:when>
					<c:otherwise>
						<c:forEach items="${rows}" var="person" varStatus="status">
								<tr>
									<td>${person.cnname }</td>
									<c:forEach items="${scheduleInfoMap[person.personuuid] }" var="day">
									    <td class="cellDivTd">
									        <c:if test="${!empty day.value }">
									        <c:forEach items="${day.value}" var="sechedule">
									        <div class="cellDiv ${sechedule.id }">
									            <a href="javascript:showDeital('${judge}','${sechedule.id}')" title="${sechedule.theme}">${sechedule.theme }<br/>[${sechedule.createperson }]<br/>
									            <fmt:formatDate value='${sechedule.startime}' pattern='HH:mm' /> - 
									            <fmt:formatDate value='${sechedule.endtime}' pattern='HH:mm' /></a>
									        </div>
									        </c:forEach>
									    	</c:if>
									    </td>
									</c:forEach>
								</tr>
						</c:forEach>
					</c:otherwise>
				</c:choose>
			</tbody>
		</table>

在这里插入图片描述


版权声明:本文为Sayonara_LM原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。