Jquery 如何在HTML表格最后一行的底部留下空白

Jquery 如何在HTML表格最后一行的底部留下空白,jquery,html,html-table,scrollbar,Jquery,Html,Html Table,Scrollbar,我有一个动态填充Javascript/jQuery函数的HTML表。有时表格包含0或1行,有时包含800行 每条线的高度为15px。 表的高度必须始终为800px,即使没有足够的行填充它。我发现,保持每行高度相同的唯一方法是在最后一行之后附加空行。我不喜欢这个解决方案,因为它会使表格变得很长,并且在右边会出现一个无用的滚动条 我正在为我的表格使用此插件: 它帮助我强制我的桌子高度为800px,如果有800行,它使桌子可以滚动 如果我的表格只包含一行,是否有一个解决方案可以不添加50个空行?我建议

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

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

我正在为我的表格使用此插件: 它帮助我强制我的桌子高度为800px,如果有800行,它使桌子可以滚动


如果我的表格只包含一行,是否有一个解决方案可以不添加50个空行?

我建议使用document reeady函数查找表格中的行数,并将css高度道具动态添加到表格中

检查此演示代码:

$(document).ready(function(){

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

  var eachLine = 15 ;

  var heightofTable = numOfRows * 15 ;

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

});

我认为这是可行的。

您是否尝试过使用该选项?