zoukankan      html  css  js  c++  java
  • HTML Table 拼凑表格数据并支持滚动条

     1 <!DOCTYPE html>
     2 <html xmlns="http://www.w3.org/1999/xhtml">
     3 <head>
     4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
     5     <title></title>
     6 </head>
     7 <body>
     8     <div style="600px; height:60px; overflow:scroll; overflow-x:hidden;">
     9         <table cellspacing="0" rules="all" id="gridBusinessInfo" style="border-color:#CCCCCC;border-3px;border-style:Solid;height:150px;border-collapse:collapse;">
    10             <tbody>
    11                 <tr>
    12                     <th scope="col">
    13                         卡号
    14                     </th>
    15                     <th scope="col">
    16                         可用积分
    17                     </th>
    18                     <th scope="col">
    19                         可用储值
    20                     </th>
    21                     <th scope="col">
    22                         操作
    23                     </th>
    24                 </tr>
    25                 <tr ondblclick="selectChainStore('http://member.sz1card1.com','cdh01','123','');">
    26                     <td>
    27                         cdh01
    28                     </td>
    29                     <td>
    30                         0.0000
    31                     </td>
    32                     <td>
    33                         9856.0000
    34                     </td>
    35                     <td onclick="selectChainStore('http://member.sz1card1.com','cdh01','123','');">
    36                         <a href="#" style="color: Red; cursor: pointer;">
    37                             点击进入
    38                         </a>
    39                     </td>
    40                 </tr>
    41                 <tr ondblclick="selectChainStore('http://member.sz1card1.com','cdh02','123','');">
    42                     <td>
    43                         cdh02
    44                     </td>
    45                     <td>
    46                         0.0000
    47                     </td>
    48                     <td>
    49                         0.0000
    50                     </td>
    51                     <td onclick="selectChainStore('http://member.sz1card1.com','cdh02','123','');">
    52                         <a href="#" style="color: Red; cursor: pointer;">
    53                             点击进入
    54                         </a>
    55                     </td>
    56                 </tr>
    57             </tbody>
    58         </table>
    59     </div>
    60 </body>
    61 </html>
  • 相关阅读:
    js页面问题--(ing)
    tomcat9以后对,请求消息头的严格字符要求
    linux常用命令--(不断更新)
    怎么用wireshark看抓包文件
    关于h2的启动问题
    VUE-02 基本指令
    RecyclerView设置空视图
    SpringBoot-JPA删除不成功,只执行了查询语句
    关于RecyclerView(二)设置EmptyView
    关于RecyclerView(一)基本使用
  • 原文地址:https://www.cnblogs.com/denghuachengle/p/4799291.html
Copyright © 2011-2022 走看看