如何设置表格的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/