如何在HTML表格的最後一行的底部留下空格

Question

我有一個動態填充了Javascript/jQuery函數的HTML表格。有時表格包含0或1行，有時800行。

每行有15px的高度。 即使沒有足夠的線條填充表格，該表格的高度也必須始終爲800px。我發現每條線保持相同高度的唯一方法是在最後一行之後附加空行。我不喜歡這個解決方案，因爲它使得表格很長，並且右邊出現一個無用的滾動條。

我在爲我的表格使用這個插件：http://www.farinspace.com/jquery-scrollable-table-plugin/ 如果有800行，它可以幫助我強制我的表格高度爲800px，它使表格可以滾動。

如果我的表只包含一行，是否有解決方案不能追加50個空行？

Answer 1

我建議在文檔reeady函數中找到你的表中的行數並動態地將css height prop添加到表中。

檢查這個演示代碼：

$(document).ready(function(){ 

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

    var eachLine = 15 ; 

    var heightofTable = numOfRows * 15 ; 

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

}); 

我認爲這是可行的。