如何将一组表格行分组为溢出滚动（不使用add或tbody）？

Question

我有一个100行的表。我的thead和tbody已被使用。但我需要允许另一组表格行滚动而不会使页面的其余部分滚动。我怎样才能做到这一点？

这里有一个小提琴http://jsfiddle.net/hMEuC/和这里的一些标记：

<table> 
    <thead><tr><th>header</th></tr></thead> 
    <tbody> 
     <tr><td>abc<td></tr> 
     <tr><td>def<td></tr> 
     <tr><td>ghi<td></tr> 

     <!-- Can I make these rows overflow auto scroll? --> 

     <tr><td>abc<td></tr> 
     <tr><td>def<td></tr> 
     <tr><td>ghi<td></tr> 
     ... 
     <tr><td>xyz<td></tr> 

     <!-- end hopeful autoscroll box --> 

    </tbody> 
</table> 

Answer 1

这是perfectly legal（见内容模型）使用多一个table内tbody元素。如果您有一组您希望定位的表格行，请将它们包装在自己的tbody中，然后将其定位。

您必须将第二个tbody的显示设置为block之类的值，以便您可以将y轴的溢出设置为自动。这将需要重新处理嵌套的tr和td元素。

小提琴：http://jsfiddle.net/sycAT/2/