首页 > 代码库 > Table显示滚动条
Table显示滚动条
Table显示水平和垂直的滚动条,要先把table放到一个div中,div的长度和宽度要固定,控制overflow属性为scroll
<div style="width:700px; height:225px; overflow:scroll;">
...
</div>
table的长度和宽度也要固定
<table cellspacing="0" width="732px" id="dataTableDetail" align="center">
...
</table>
现在只要table的长度或是宽度大于div的长度或是宽度,滚动条就显示出来了。
如果你只要设置垂直的滚动条则用:
<div style="width:700px; height:225px; overflow-y:scroll;">
...
</div>
或者:
<script type="text/javascript">
$(function(){
$("#div_overflow").css({height:"277px",overflow:"auto"});
});
<script/>
<div id="div_overflow" >...</div>
本文出自 “10916470” 博客,转载请与作者联系!
Table显示滚动条
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。