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显示滚动条

标签：table显示滚动条

原文地址：http://10926470.blog.51cto.com/10916470/1940234