php - 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>
如上所示，但这不起作用。我想要它，以便“DataTable”表格的整体高度可以在它所在的“displayTable”表格单元格中滚动。

Answer 1

只需用固定高度的overflow:scrollor元素包裹您的表格。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;
}

大活提琴手。