分表高度自动滚动

Question

我使用的是Twitter Bootstrap，我有一个非常烦人的问题。 我有一个表（调用F）的一行和两个单元格，在第一个单元格中我有另一个表格（称为T），第二个单元格中的一些内容（称为C），请参见http://jsfiddle.net/mcJvU/。

<table> 
    <tr><td> 
<table class="table table-striped"> 
    <thead> 
     <th>a</th> 
     <th>b</th> 
     <th>c</th> 
     <th>d</th> 
     <th>e</th> 
     <th>f</th> 
    </thead> 
    <tbody> 
     <tr><td>1</td><td>m</td><td>n</td><td>o</td><td>p</td><td>q</td></tr> 
     <tr><td>2</td><td>m</td><td>n</td><td>o</td><td>p</td><td>q</td></tr> 
     <tr><td>3</td><td>m</td><td>n</td><td>o</td><td>p</td><td>q</td></tr> 
     <tr><td>4</td><td>m</td><td>n</td><td>o</td><td>p</td><td>q</td></tr> 
     <tr><td>5</td><td>m</td><td>n</td><td>o</td><td>p</td><td>q</td></tr> 
     <tr><td>6</td><td>m</td><td>n</td><td>o</td><td>p</td><td>q</td></tr> 
     <tr><td>7</td><td>m</td><td>n</td><td>o</td><td>p</td><td>q</td></tr> 
     <tr><td>8</td><td>m</td><td>n</td><td>o</td><td>p</td><td>q</td></tr> 
     <tr><td>9</td><td>m</td><td>n</td><td>o</td><td>p</td><td>q</td></tr> 
     <tr><td>10</td><td>m</td><td>n</td><td>o</td><td>p</td><td>q</td></tr> 
    </tbody> 
</table> 
     </td> 
     <td> 
      some<br/> 
      big<br/> 
      enough<br/> 
      content<br/> 
      but<br/> 
      may<br/> 
      be<br/> 
      empty 
     </td> 
    </tr> 
</table> 

这是大问题：T必须包含大量的行并且C没有太多内容，它可能是空的。

我希望T取所有可用的位置，或者如果C更小，至少打印3行。

我试过fixedheadertable但它是一个固定大小的高度，它有一些错误。

编辑：由“至少打印3行”，我的意思是T必须有一个最小的高度，允许显示至少三行”

Answer 1

最后，我使它固定在纯CSS

。

多亏了这一点：Twitter Bootstrap scrollable table rows and fixed header

然后，我没有更多的打印问题