两个表的高度始终相同

Question

我有两个表，比如表A和表B.它们的行数总是相等。表A被冻结，表B是可滚动的。实际上，冻结和可滚动与我的问题并不是真正相关，而是将其抛弃。

现在为了确保表A的行的高度总是等于具有相同索引的表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");
        }
});

第一个表包含在div中，ID为“Fixed”，其他表位于div中，ID为“Scroll”

我不是jQuery专家，所以不确定这是否是最有效，最可靠的方法。我对这个解决方案的问题是，它渲染得很好但是当我将页面缩放到125％或150％时，表格对齐就会失控。

任何建议，解决方案都将受到高度赞赏。

Answer 1

我认为可能的问题是设置tr的高度。不要认为它是有效的，可能不是浏览器不可知。相反，只需更改td s的高度，看它是否效果更好。