原生列表table固定表头
将 table
的 thead
和 tbody
拆分成两个表格,用 div 包起来,给 div 设置固定高度和 overflow: auto;
属性(其实只给 tbody
的 table
包上 div
就可以)。
<table class="bordered tTable">
<thead>
<tr>
<td>
1
</td>
<td>
2
</td>
<td>
3
</td>
</tr>
</thead>
</table>
<div class="table-box">
<table class="bordered tTable">
<tbody>
<tr>
<td>11111</td>
</tr>