2010-05-24 78 views
8

我想爲我的html表格在網頁中固定一個高度,如果它自動傳遞高度,則會顯示一個垂直滾動條。用於使用html的表格的垂直滾動條

請大家幫忙。

+2

您可能應該澄清一下,您是希望表格的頁眉和/或頁腳單元格保持固定狀態,而其他單元格可以滾動或不滾動。讓他們固定是比較受歡迎的請求,但要明顯更棘手。 – reisio 2010-05-24 15:33:37

回答

24

這不是滾動的表格,它是它背後的div。

<div style="height:200px; overflow-y: scroll;"> 
    <table> 
    .... 
    </table> 
</div> 

使用overflow-y如果要同時使用垂直和水平的,如果你只想要一個垂直滾動條和overflow

注意:設置要滾動的溢出屬性將始終顯示滾動條。如果您希望水平/垂直滾動條僅在需要時顯示,請使用auto

+0

什麼是div?你爲什麼不只是滾動桌子? – ANeves 2010-05-24 15:42:39

+0

+1以獲得比我更完整的答案。 – Tejs 2010-05-24 17:47:20

6

你想要表中放置一個div中,像這樣:該專區內

<div style="height: 400px; overflow: auto;"> 
    <!-- Html Elements --!> 
</div> 

任何東西,當它在高度400像素,將溢出和滾動條將被顯示。

+0

什麼是div?你爲什麼不只是滾動桌子? – ANeves 2010-05-24 15:38:45