PHP数据表的隐藏溢出 - Hidden overflow for PHP data table

Hidden overflow for PHP data table

本文关键字：溢出隐藏数据表 PHP | 更新日期: 2023-09-27

我有一个这样的重复数据表（我知道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"的表单元格中滚动。

只需用具有固定高度的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;
}

达活小提琴手。