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>
原文地址:https://www.cnblogs.com/denghuachengle/p/4799291.html