滚动HTML嵌套表

Question

如何获取具有最大高度的子/嵌套表可滚动的表？我不希望thead滚动它。我真正寻找的是一些有效的标签，我可以在我的包裹S，或其他标记，将工作一样好了这一点：

<table> 
    <thead> 
     <tr> 
      <th>Column1</th> 
      <th>Column2</th> 
     </tr> 
    </thead> 
    <!-- Insert valid tag here to wrap <tbody>s --> 
    <tbody> 
     <tr> 
      <td>Val1</td> 
      <td>Val2</td> 
     </tr> 
     <tr class="sub-table"> 
      <td colspan="2"> 
       <table> 
        <thead> 
         <tr> 
          <th>Sub Column1</th> 
          <th>Sub Column2</th> 
         </tr> 
        </thead> 
        <tbody> 
         <tr> 
          <td>Sub Val1</td> 
          <td>Sub Val2</td> 
         </tr> 
        </tbody> 
       </table> 
      </td> 
     </tr> 
    </tbody> 
    <tbody> 
     <tr> 
      <td>Val1</td> 
      <td>Val2</td> 
     </tr> 
     <tr class="sub-table"> 
      <td colspan="2"> 
       <table> 
        <thead> 
         <tr> 
          <th>Sub Column1</th> 
          <th>Sub Column2</th> 
         </tr> 
        </thead> 
        <tbody> 
         <tr> 
          <td>Sub Val1</td> 
          <td>Sub Val2</td> 
         </tr> 
        </tbody> 
       </table> 
      </td> 
     </tr> 
    </tbody> 
    <!-- Insert valid close tag here --> 
</table> 

Answer 1

如果我正确理解你的问题，也许尝试的东西像这样：http://jsfiddle.net/pPuXL/1/

您需要将TBODY元素显示为“block”或“inline-block”才能使溢出生效，就像在我发布的CSS示例中一样。