html Table实现表头固定

设计表格的时候，通常都想将表格的头部进行固定，而表格的body部分能够进行滚动的效果。

1	我只是用来测试的
2	我只是用来测试的
3	我只是用来测试的
4	我只是用来测试的
5	我只是用来测试的
6	我只是用来测试的
7	我只是用来测试的
8	我只是用来测试的
9	我只是用来测试的
10	我只是用来测试的
11	我只是用来测试的
12	我只是用来测试的
13	我只是用来测试的
14	我只是用来测试的
15	我只是用来测试的

html代码

 1 <div style="width: 800px;">
 2     <div class="table-head">
 3     <table>
 4         <colgroup>
 5             <col style="width: 80px;" />
 6             <col />
 7         </colgroup>
 8         <thead>
 9             <tr><th>序号</th><th>内容</th></tr>
10         </thead>
11     </table>
12     </div>
13     <div class="table-body">
14     <table>
15         <colgroup><col style="width: 80px;" /><col /></colgroup>
16         <tbody>
17             <tr><td>1</td><td>我只是用来测试的</td></tr>
18             <tr>

转载于:https://www.cnblogs.com/zhongsq/p/4923213.html