溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

Table顯示滾動條

發(fā)布時間：2020-07-03 05:54:02 來源：網(wǎng)絡(luò) 閱讀：894 作者：101ttyy 欄目：開發(fā)技術(shù)

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>

現(xiàn)在只要table的長度或是寬度大于div的長度或是寬度，滾動條就顯示出來了。


如果你只要設(shè)置垂直的滾動條則用：

<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>



向AI問一下細節(jié)

免責聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手