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>



發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章