PHP数据表的隐藏溢出答案

【问题标题】：Hidden overflow for PHP data tablePHP数据表的隐藏溢出
【发布时间】：2012-09-03 22:05:50
【问题描述】：

我有一个这样的重复数据表（我知道在这种情况下 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>
，如上所示，但这不起作用。我想要它，以便“DataTable”表格的整体高度可以在它所在的“displayTable”表格单元格中滚动。

【问题讨论】：

标签： php html css html-table overflow

【解决方案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.

【讨论】：