zoukankan      html  css  js  c++  java
  • table 添加滑动 表头(th)不动

    直接上代码如下:

     1 <div>
     2 <div style="overflow-y: auto;">
     3 <table class="table2">
     4 <thead>
     5 <tr>
     6 <th style=" 42%">编号</th>
     7 <th style=" 25%;">比对方式</th>
     8 <th style=" 25%;">认定状态</th>
     9 <th style=" 3%"></th>
    10 </tr>
    11 </thead>
    12 </table>
    13 </div>
    14 <div style="background-color: white;overflow-y: auto; height: 320px;">
    15 <table class="table2">
    16 <tbody>
    17 <tr ng-onclick="">
    18 <td style=" 40%">201910101110</td>
    19 <td style=" 21%">同一认定</td>
    20 <td style=" 27%">未认定</td>
    21 </tr>
    22 <tr>
    23 <td>201910101121</td>
    24 <td>同一认定</td>
    25 <td>未认定</td>
    26 </tr>
    27 <tr>
    28 <td>201910101111</td>
    29 <td>同一认定</td>
    30 <td>未认定</td>
    31 </tr>
    32 <tr>
    33 <td>201910101112</td>
    34 <td>同一认定</td>
    35 <td>未认定</td>
    36 </tr>
    37 <tr>
    38 <td>201910101113</td>
    39 <td>同一认定</td>
    40 <td>未认定</td>
    41 </tr>
    42 <tr>
    43 <td>201910101114</td>
    44 <td>同一认定</td>
    45 <td>未认定</td>
    46 </tr>
    47 <tr>
    48 <td>201910101115</td>
    49 <td>同一认定</td>
    50 <td>未认定</td>
    51 </tr>
    52 </tbody>
    53 </table>
    54 </div>
    55 </div>
    View Code

    结果如下:

     至于表头和内容的对齐问题,就自己慢慢调吧;

  • 相关阅读:
    EL表达式_1
    Servlet2
    Servlet1
    安装Tomcat
    Java日期时间3
    SpringCloud之Ribbon负载均衡
    SpringCloud之Eureka注册中心
    存储过程—增减字段
    880. Decoded String at Index
    977. Squares of a Sorted Array
  • 原文地址:https://www.cnblogs.com/wwr01/p/11670260.html
Copyright © 2011-2022 走看看