隐藏溢出的PHP数据表

Question

我有一个重复数据表像这样（我知道PHP的部分是远远正确在这种情况下，但是这不是问题）：我是后

<table style="overflow:scroll" id="displayTable"> 
    <tr> 
     <td> 
     <table id="DataTable"> 
      <? php repeat> 
      <tr> 
      <td><? php echo $rowData['Column Name'];></td> 
      </tr> 
      <? php end repeat> 
     </table> 
     </td> 
    </tr> 
</table> 

让表格上的滚动条可以滚动的方法。我已经尝试
<div style="overflow:scroll"></div>
像上面显示的那样，但这不起作用。我想它使“数据表”表的整体高度将在“displayTable”，这是在。

Answer 1

只是包装你的表与固定高度的overflow:scroll或overflow:auto元素的表格单元格是滚动的。

标记

<div class="wrapper"> 
    <table> 
     <tbody> 
      <tr> 
       <td>A Cell</td> 
       <td>A Cell</td> 
       <td>A Cell</td> 
      </tr> 
      <tr> 
       <td>A Cell</td> 
       <td>A Cell</td> 
       <td>A Cell</td> 
      </tr>   
     </tbody> 
    </table>  
</div> 

样式

.wrapper{ 
    height:200px; 
    overflow:auto; 
} 

Da live fiddler。