html - 使用 tablesorter 分页时，删除最后一页底部的额外空间

Question

当最后一页上的行数较少时，它会在表格下方留出空间。在“完整”页面上，没有空间。还有，

图片(html背景设置为绿色只是为了演示)

没有多余的空间

我玩过最小高度/最大高度/高度。无法接近我想看到的。

body {
  background: #fafafa;
  color: #333333;
  margin-top: 5rem;
}

html {
  /* min-height: 100%; */
  /* min-height: 200px; */
  background-color: green;
}

还在我的 .js 中记录了 body 和 html 的高度。

console.log(`BODY: ${$('body').height()}`);
console.log(`HTML: ${$('html').height()}`);  

而且可能有一些我不明白的地方，因为它显示 html 的高度 = 主体的高度 - 表的每一页的边距顶部。我以为html的高度会大一些，然后我就可以通过JQuery来设置高度了。此外，如果我为 html 设置非常小的(如 200px)max-height 它似乎没有任何效果，但如果我设置html 的大 min-height，例如 1600px 或其他。是否存在一些不能小于某个值的全局 min-size？

我认为表格样式或某些 Tablesorter 选项与此无关。让我知道一些额外的信息是否有用。

编辑。

demo

example所需的行为。

Answer 1

试试这个，它的工作原理:

body {
  background: #fafafa;
  color: #333333;
  margin:0;
  min-height:100%;
}

html {
  background-color: green;
   height:100%;
}