首页 > 技术文章 > table表格(笔记)

shaun-sheng 2018-09-20 14:48 原文

 1 <table class="table table-hover2 pick_carTable">
 2                     <thead>
 3                         <tr class="blackborder">
 4                                 <th class="blackborder"><spring:theme code="text.aftersales.pickup.list.time" /></th>
 5                                 <th class="blackborder"><spring:theme code="text.aftersales.pickup.list.sender" /></th>
 6                                 <th class="blackborder"><spring:theme code="text.aftersales.pickup.list.carnumber" /></th>
 7                                 <th class="blackborder"><spring:theme code="text.aftersales.pickup.list.phonenumber" /></th>
 8                         </tr>
 9                     </thead>
10 
11                     <div style="float: left;">
12                         <c:forEach  begin="9" end="20" step="1" var="i">
13                             <c:set var="display" value="true"/>
14                                 <tbody>
15                                     <c:forEach items="${pickupList}" var="pickupInStore" varStatus="rows">
16                                         <c:if test="${pickupInStore.arrivalTime <i+1}">
17                                             <c:if test="${pickupInStore.arrivalTime >=i}">
18                                                 <tr>
19                                                     <td>
20                                                         <c:if test="${display}">
21                                                             ${i}:00-${i+1}:00
22                                                         </c:if>
23                                                     </td>
24                                                     <c:set var="display" value="false"/>
25                                                     <td  class="blackborder">${fn:escapeXml(pickupInStore.sender)}&nbsp;</td>
26                                                     <td class="blackborder">${fn:escapeXml(pickupInStore.vehicleNumber)}&nbsp;</td>
27                                                     <td class="blackborder">${fn:escapeXml(pickupInStore.phoneNumber)}&nbsp;</td>
28                                                 </tr>
29                                             </c:if>
30                                         </c:if>
31                                     </c:forEach>
32                                 </tbody>
33                         </c:forEach>
34                     </div>
35 
36                 </table>

表格第一列为每天时间的递增:
后台取到的多个数据和每天的阶段时间比较匹配显示出来:

一个阶段时间可以有多条数据

 

推荐阅读