table 添加滑动 表头(th)不动
直接上代码如下:
1 <div> 2 <div style="overflow-y: auto;"> 3 <table class="table2"> 4 <thead> 5 <tr> 6 <th style="width: 42%">编号</th> 7 <th style="width: 25%;">比对方式</th> 8 <th style="width: 25%;">认定状态</th> 9 <th style="width: 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="width: 40%">201910101110</td> 19 <td style="width: 21%">同一认定</td> 20 <td style="width: 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>
结果如下:
至于表头和内容的对齐问题,就自己慢慢调吧;