如何將一組表格行分組爲溢出滾動（不使用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/