2011-06-16 123 views
0

我試圖建立一個滾動表的最大高度,要做到這一點,我有:溢出和最大高度

<table> 
<tbody style="height: 300px; overflow:auto;"> 
//php for loop, populating table with <tr>s/<td>s 
</tbody> 
</table> 

這工作得很好,但如果只有一個或兩行,他們被拉伸到適合300px高度。我將高度切換到最大高度,但無論桌子有多大,滾動條都不會出現。我哪裏錯了?

+4

你可以把表格放入一個div並使div可滾動? – chrisdowney 2011-06-16 19:32:32

+0

哪個瀏覽器(s),並且你能證明你的問題?我[難以複製](http://jsfiddle.net/CUXLa/)它,並且必須將'display:block'添加到你的'tbody'中才能使其正常工作。你確定你給我們提供了所有必要的信息嗎? – 2011-06-16 19:33:40

+0

@chrisdowney:只要沒有''或'',那肯定會起作用,也就是說,如果您希望修復頁眉和頁腳。我知道OP沒有提到它。 – 2011-06-16 19:38:13

回答

2

我不知道爲什麼tr和td在少數情況下填滿了高度,但你可以做一些我認爲的事情。

嘗試將單元格樣式設置爲某個高度,或者甚至不將任何樣式設置爲某個高度,並且樣式表格所在的div高度。我已經完成了後者,它適用於我。細胞都保持正常的高度,取決於它們中的含量。

+0

造型的div而不是桌子做的伎倆,這總是很簡單的事情。這就是爲什麼我通常只是做後端PHP的東西,而不是前端樣式。 – awestover89 2011-06-16 19:37:32