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>