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>

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

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

table表格(笔记)的更多相关文章

  1. bootstrap学习笔记<四>(table表格)

    表格 bootstrap为table表格定制多个常用样式:基本样式,隔行变色样式,带边框样式,荧光棒样式,紧凑样式,响应样式. ☑  .table:基础表格 ☑  .table-striped:斑马线 ...

  2. html学习笔记 - table表格

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  3. 【代码笔记】Web-CSS-CSS Table(表格)

    一,效果图. 二,代码. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> ...

  4. [转]CSS如何设置html table表格边框样式

    原文地址:http://www.divcss5.com/wenji/w503.shtml 对table设置css样式边框,分为几种情况: 1.只对table设置边框 2.对td设置边框 3.对tabl ...

  5. JS组件系列——Bootstrap Table 表格行拖拽(二:多行拖拽)

    前言:前天刚写了篇JS组件系列——Bootstrap Table 表格行拖拽,今天接到新的需要,需要在之前表格行拖拽的基础上能够同时拖拽选中的多行.博主用了半天时间研究了下,效果是出来了,但是感觉不尽 ...

  6. MiniUI动态添加table表格

    本文将介绍一下,如何用Jquery MiniUi动态添加一行table表格 1.效果展示 ↓ 2.具体代码 <script type="text/javascript"> ...

  7. table表格宽度固定,同时td内容过长也不会被撑开

    table表格宽度固定,同时td内容过长也不会被撑开,设置如下css: table{table-layout:fixed;word-break:break-all;}

  8. Bootstrap Table表格一直加载(load)不了数据-解决办法

    bootstrap-table是一个基于Bootstrap风格的强大的表格插件神器,官网:http://bootstrap-table.wenzhixin.net.cn/zh-cn/ 这里列出遇到的一 ...

  9. [js开源组件开发]table表格组件

    table表格组件 表格的渲染组件,demo请点击http://lovewebgames.com/jsmodule/table.html,git源码请点击https://github.com/tian ...

随机推荐

  1. JavaScript “跑马灯”抽奖活动代码解析与优化(二)

    既然是要编写插件.那么叫做"插件"的东西肯定是具有的某些特征能够满足我们平时开发的需求或者是提高我们的开发效率.那么叫做插件的东西应该具有哪些基本特征呢?让我们来总结一下: 1.J ...

  2. 如何在GooglePlay上面发布应用

    上传和发布应用 注册开发者帐户后,您便可使用 Google Play 开发者控制台将应用上传到 Google Play. 访问 Google Play 开发者控制台. 点击屏幕顶部附近的添加新用户. ...

  3. MyBatis大杂烩

    1. 集成到SpringBoot项目中 核心依赖是org.mybatis.spring.boot:mybatis-spring-boot-starter,当然还需要jdbc和数据库驱动 build.g ...

  4. Angular2入门:TypeScript的类型 - 类型、null、undefined

  5. JavaWeb学习 (十七)————JSP属性范围

    所谓的属性范围就是一个属性设置之后,可以经过多少个其他页面后仍然可以访问的保存范围. 一.JSP属性范围 JSP中提供了四种属性范围,四种属性范围分别指以下四种: 当前页:一个属性只能在一个页面中取得 ...

  6. NAT与网桥

    CentOS设置虚拟网卡做NAT方式和Bridge方式桥接 时间:2015-02-25 23:30来源:blog.51cto.com 作者:samlei    摘要:KVM虚拟机网络配置的两种方式:N ...

  7. [转]C#利用反射实现两个类的对象之间相同属性的值的复制

    本文转自:https://blog.csdn.net/u013093547/article/details/53584591 在使用c#进行程序编写时,会遇到一个问题,两个属性字段差不多相同的类要进行 ...

  8. hadoop 集群中数据块的副本存放策略

    HDFS采用一种称为机架感知(rack-aware)的策略来改进数据的可靠性.可用性和网络带宽的利用率.目前实现的副本存放策略只是在这个方向上的第一步.实现这个策略的短期目标是验证它在生产环境下的有效 ...

  9. [日常] C语言中指针变量

    CPU 访问内存时需要的是地址,而不是变量名和函数名!变量名和函数名只是地址的一种助记符,当源文件被编译和链接成可执行程序后,它们都会被替换成地址.编译和链接过程的一项重要任务就是找到这些名称所对应的 ...

  10. vue组件+axios访问本地json

    import axios from 'axios'export default { name: "AjaxText", data: function () { return { m ...