两个表格行的高度始终相同

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的高度，以查看它是否更好。