1. <!DOCTYPE html>
  2. <html lang="en">
  3.   <head>
  4.     <meta charset="UTF-8" />
  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  7.     <title>Document</title>
  8.   </head>
  9.   <body>
  10.     <table border="1" width="80%" cellspacing="0" cellpadding="5">
  11.       <caption>
  12.         商品信息表
  13.       </caption>
  15.       <thead>
  16.         <tr>
  17.           <th>ID</th>
  18.           <th>品类</th>
  19.           <th>品名</th>
  20.           <th>数量</th>
  21.           <th>单价</th>
  22.           <th>金额</th>
  23.         </tr>
  24.         <tr>
  25.             <th>1</th>
  26.             <th rowspan="2">衣服</th>
  27.             <th>冬装</th>
  28.             <th>1</th>
  29.             <th>100</th>
  30.             <th>100</th>
  31.           </tr>
  32.           <tr>
  33.             <th>2</th>
  35.             <th>夏装</th>
  36.             <th>1</th>
  37.             <th>100</th>
  38.             <th>100</th>
  39.           </tr>
  40.           <tr>
  41.             <th>3</th>
  42.             <th rowspan="2">饮料</th>
  43.             <th>可口可乐</th>
  44.             <th>1</th>
  45.             <th>100</th>
  46.             <th>100</th>
  47.           </tr>
  48.           <th>4</th>
  49.             <th>百事可乐</th>
  50.             <th>1</th>
  51.             <th>100</th>
  52.             <th>100</th>
  53.         </tr>
  54.     </tr > 
  55.     <th colspan="6" bgcolor="pink">以下为备用物品</th>
  56.   </tr>
  57. </tr>
  58. <th>5</th>
  59. <th rowspan="2">数码</th>
  60.   <th>相机</th>
  61.   <th>1</th>
  62.   <th>100</th>
  63.   <th>100</th>
  64. </tr>
  65. </tr>
  66. <th>6</th>
  67.   <th>镜头</th>
  68.   <th>1</th>
  69.   <th>100</th>
  70.   <th>100</th>
  71. </tr>
  72. <tfoot>
  73. </tr > 
  74. <th colspan="4" rowspan="2" bgcolor="pink">合计</th>
  75. <th>平均单价</th>
  76. <th>金额合计</th>
  77. </tr>
  78. </tr > 
  80. <th>100</th>
  81. <th>600</th>
  82. </tr>
  83. </tfoot>
  84.       </thead>
  85.     </table>
  86.   </body>
  87. </html>

更多相关文章

  1. Android(安卓)购物车的功能逻辑
  2. android 自动生成html报表图片
  3. Android(安卓)APP 引导页实现-第一次应用进入时加载
  4. android通过蓝牙连接打印机实现格式化打印(二)
  5. 【Android 系统开发】使用 Source InSight 阅读 Android 源码

随机推荐

  1. 推荐一款神仙颜值的 ZooKeeper 客户端工
  2. Hibernate 和 UUID 标示符
  3. 内推工作福利
  4. 数据库界的 Swagger，一键自动生成 Java 实
  5. 为什么 String 类是不可变的？
  6. 我终于决定要放弃 Postman，选择了牛逼的神
  7. 使用后台进程和 Shutdown Hook 友好地关
  8. ConcurrentHashMap 和 HashTable 的区别
  9. 船新 IDEA 2020.3 插件大合集，个个都是精
  10. 恕我直言，我怀疑你没怎么用过枚举