设计表格的时候,通常都想将表格的头部进行固定,而表格的body部分能够进行滚动的效果。
序号 | 内容 |
---|
1 | 我只是用来测试的 |
2 | 我只是用来测试的 |
3 | 我只是用来测试的 |
4 | 我只是用来测试的 |
5 | 我只是用来测试的 |
6 | 我只是用来测试的 |
7 | 我只是用来测试的 |
8 | 我只是用来测试的 |
9 | 我只是用来测试的 |
10 | 我只是用来测试的 |
11 | 我只是用来测试的 |
12 | 我只是用来测试的 |
13 | 我只是用来测试的 |
14 | 我只是用来测试的 |
15 | 我只是用来测试的 |
html代码
1 <div style=" 800px;">
2 <div class="table-head">
3 <table>
4 <colgroup>
5 <col style=" 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=" 80px;" /><col /></colgroup>
16 <tbody>
17 <tr><td>1</td><td>我只是用来测试的</td></tr>
18 <tr><