兩個表格行的高度始終相同

Question

我有兩個表格，比方說表格A和表格B.它們兩個的行數總是相等的。表A被凍結，表B可滾動。其實，凍結和滾動與我的問題並不真正相關，但只是把它扔掉。

現在，爲了確保該表中的行的高度總是等於用相同的索引表B的一行的高度，我已經使用類似下面：

$(function() { 
var numberOfRows = $("#Scroll table tbody tr").length;  
     for(i=1; i<numberOfRows; i++) 
     { 
      var currentHeight = $("#Scroll table tbody tr").eq(i).height(); 
      $("#Fixed table tbody tr").eq(i-1).css("height", currentHeight).css("vertical-align", "middle"); 
     } 
}); 

首先表是包含在與ID「固定」的div和其他表格在與ID「滾動」

我不是一個jQuery專家，所以不知道這是否是最有效，最可靠的方式來做到這一點。我使用這個解決方案時遇到的問題是，它渲染得很好，但是當我將頁面縮放到125％或150％時，表格對齊會變得不方便。

任何建議，解決方案將不勝感激。

Answer 1

我認爲一個可能的問題是設置tr s的高度。不要認爲它是有效的，可能它不是瀏覽器不可知論者。相反，請改變td的高度，以查看它是否更好。