大家好,欢迎来到IT知识分享网。
思路:
1.表格放在Div中,设定Div的宽度和高度(不能用百分比),并设置纵向滚动条始终显示。
2.设定表格的宽度比Div小一个滚动条的宽度(如Div宽度为500,滚动条宽度为16,则表格的宽度应该设置为500-16=484)。
3.表格采用 thead,th标签
<div style=”width:100px;height:100px;overflow-y:scroll;overflow-x:none;”>
<table >
<thead>
<tr>
<th>Header
1</th>
<th>Header
2</th>
<th>Header
3</th>
</tr></thead>
<tr>
<td>添加滚动条</td>
<td>添加滚动条</td>
<td>添加滚动条</td>
</tr>
<tr>
<td>添加滚动条</td>
<td>添加滚动条</td>
<td>添加滚动条</td>
</tr>
<tr>
<td>添加滚动条</td>
<td>添加滚动条</td>
<td>添加滚动条</td>
</tr>
<tr>
<td>添加滚动条</td>
<td>添加滚动条</td>
<td>添加滚动条</td>
</tr>
</table>
</div>
免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://yundeesoft.com/24853.html