首页 > 代码库 > 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显示滚动条