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>
  • 相关阅读:
    Nhibernate 在一个项目中连接不同的数据库。记录
    sql2005 向2000导入数据。一些注意事项
    iis发布系统问题总结 .....关于handler的重写的应用
    ExecutorService 线程池
    Spring Boot 访问静态资源
    spring boot的核心注解
    日期处理工具类
    Json解析工具类
    (技能篇)Mysql在linux下的全量热备份
    Linux相关命令
  • 原文地址:https://www.cnblogs.com/denghuachengle/p/4799291.html
Copyright © 2011-2022 走看看