如何設置表格的tbody高度？

Question

我們有一張桌子有不同的高度佈局。小桌子和大桌子。在小桌子的情況下，我只想顯示5行。在大桌子的情況下，我想顯示15行。我知道15行和5行的高度。可以說100px和300px。

現在的問題是，我似乎無法設置tbody的高度。有沒有辦法做到這一點？

表格可以有許多不同高度的標頭，所以我不能只將表格設置爲特定的大小。

我在做的是重畫表ondomcontentloaded使表可滾動。但是，如果表格很大，此事件在用戶看到實際頁面後觸發。我想猜測用戶得到正確的第一印象。

Answer 1

<table width="200" border="1"> 
    <tr> 
    <td>Header1</td> 
    <td>Header2</td> 
    <td>header3</td> 
    <td>Header4</td> 
    </tr> 
    <tr> 
    <td colspan="4"> 
    <table style="width:100%"> 
    <tr class="constHt"> 
    <td>Item x</td> 
    <td>Item x</td> 
    <td>Item x</td> 
    <td>Item x</td> 
    </tr> 
    <tr class="constHt"> 
    <td>Item x</td> 
    <td>Item x</td> 
    <td>Item x</td> 
    <td>Item x</td> 
    </tr> 
    <tr class="constHt"> 
    <td>Item x</td> 
    <td>Item x</td> 
    <td>Item x</td> 
    <td>Item x</td> 
    </tr> 

</table> 

    </td> 
    </tr> 
</table> 

在CSS

.constHt{ height:40px;} 

例子： http://jsfiddle.net/NsrVy/