如何在动态表格下保持网页的底层内容是静态的？

Question

我正在制作一些自定义分页，这通常会导致最后一页＆＃34;小于最大行数。当表删除部分或大部分行时，我想保持网页大部分是静态的。即滚动条应保持相同的长度。

要重建我的分页表的内容，我在Struts 1.x中使用Ajax调用来提取JSONArray，其信息用于构建原始HTML数据以替换现有的：

$('#resultsDisplay tbody').remove();
$('#resultsDisplay').append(tbodyHTML);  

我已经玩了一些可以构建缺失数据的行，但即使在隐藏时，它们似乎也没有按预期工作。

Answer 1

执行此操作的一种简单方法是将表包装在容器div中，并为其指定min-height。你不能直接对表执行此操作，因为这会导致它伸展，这可能是您不想要的。这是一个例子：

div {
  min-height: 20em;
  background: #ddd;
}

above
<div>
  <table>
    <tr>
      <td>I'm</td>
      <td>a</td>
    </tr>
    <tr>
      <td>kewl</td>
      <td>table</td>
    </tr>
  </table>
</div>
below