Question

我有一个带有标题的表格。当用户滚动表数据时，我需要修复标题。

我的表格如下

<div style="height: 300px;overflow: auto">
    <table>
       <thead>
           <tr>
                <th> Nr. </th>
                <th> Name </th>
                <th> Status </th>
                <th> Date </th>
           </tr>
       </thead>
       <tbody>
           <tr>
           <?php  while($record = odbc_fetch_array($result)) { ?>
                       <td> <?php echo$record['Nr']; ?></td>
                       <td> <?php echo$record['Name']; ?></td>
                       <td> <?php echo$record['Status']; ?></td>
                       <td> <?php echo$record['Date']; ?></td>

          <?php }?>
          </tr>               
      </tbody>
</table>
</div>

如果您需要更多信息，请与我们联系。

Answer 1

你的语法错了。这不行。你必须将桌头放在部分内。没有。然后你可以定义overflow：auto和固定高度到tbody，你就可以在表格内滚动。

<table>
    <thead>
        ... heading
    </thead>
    <tbody style="height: 100px; display: block; overflow: auto; ">
        ... bodycols
    </tbody>
</table>

像这样的东西，但请求不要这样做。它的非常不可靠。请做两个单独的表，将它们包装在一个div内，并使一个div固定高度和溢出自动。另外两个链接：

http://www.cssplay.co.uk/menu/tablescroll.html

http://www.imaputz.com/cssStuff/bigFourVersion.html

Answer 2

首先，您的代码是错误的。

带 th 的 Tr 必须用 thead 包装，其他用 tbody 包装

然后，您应该观看this page

的源代码

Answer 3

如果您在桌面上设置固定高度，如果它没有内容或很少的行，它们将扩展到非常高并填充空间。我不知道这是不是你想要的。

此解决方案可能适合您，具体取决于标题的样式。 http://salzerdesign.com/blog/?p=191

向下滚动固定表格标题

3 个答案: