jquery - 如何在 HTML 表格的最后一行的底部留下一个空格

Question

我有一个动态填充 Javascript/jQuery 函数的 HTML 表。有时表格包含 0 或 1 行，有时 800 行。

每行的高度为 15px。即使没有足够的行来填充表格，表格的高度也必须始终为 800 像素。我发现保持每行相同高度的唯一方法是在最后一行之后附加空行。我不喜欢这个解决方案，因为它使表格变得很长，并且右侧出现了一个无用的滚动条。

我正在为我的表格使用这个插件：http: //www.farinspace.com/jquery-scrollable-table-plugin/ 如果有 800 行它使表格可滚动，它可以帮助我将表格高度强制为 800px。

如果我的表只包含一行，是否有解决方案不附加 50 个空行？

Answer 1

我建议在文档 reready 函数中找到表中的行数并动态地将 css 高度道具添加到表中。

检查此演示代码：

$(document).ready(function(){

  var numOfRows = $("#myTable > tbody > tr").length ;

  var eachLine = 15 ;

  var heightofTable = numOfRows * 15 ;

  $('#tableID').css('height',''+heightofTable +'px');

});

我认为这可行。