0

次のような繰り返しデータ テーブルがあります (この場合、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」のテーブルセルでスクロール可能になるようにしたい.

4

1 に答える 1

0

テーブルを固定高さの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;
}

ダ・ライブ・フィドラー。

于 2012-09-11T02:27:14.913 に答える