douyeyan0650 2012-09-11 02:22
浏览 99

PHP数据表的隐藏溢出

I have a repeating data table like so (I know the php parts are far from correct in this case, but that's not the problem):

<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>

I am after a way to make the overflow scrollable on the table. I have tried
<div style="overflow:scroll"></div>
like shown above, but that doesn't work. I want it so that the overall height of the 'DataTable' table will be scrollable in the table cell of 'displayTable' that it is in.

  • 写回答

1条回答 默认 最新

  • dougui5419 2012-09-11 02:27
    关注

    Just wrap your table with an overflow:scroll or overflow:auto element with fixed height.

    Markup

    <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>
    

    Style

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

    Da live fiddler.

    评论

报告相同问题?

悬赏问题

  • ¥15 vs2019中数据导出问题
  • ¥20 云服务Linux系统TCP-MSS值修改?
  • ¥20 关于#单片机#的问题:项目:使用模拟iic与ov2640通讯环境:F407问题:读取的ID号总是0xff,自己调了调发现在读从机数据时,SDA线上并未有信号变化(语言-c语言)
  • ¥20 怎么在stm32门禁成品上增加查询记录功能
  • ¥15 Source insight编写代码后使用CCS5.2版本import之后,代码跳到注释行里面
  • ¥50 NT4.0系统 STOP:0X0000007B
  • ¥15 想问一下stata17中这段代码哪里有问题呀
  • ¥15 flink cdc无法实时同步mysql数据
  • ¥100 有人会搭建GPT-J-6B框架吗?有偿
  • ¥15 求差集那个函数有问题,有无佬可以解决