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>
  • 相关阅读:
    树——题解汇总
    element ui实现手动上传文件,且只能上传单个文件,并能覆盖上传
    浏览器缓存
    websocket协议
    session
    cookie
    作用域插槽
    时间格式化函数
    Neo4j快速入门
    线性空间
  • 原文地址:https://www.cnblogs.com/denghuachengle/p/4799291.html
Copyright © 2011-2022 走看看