jquery - 两桌行高一直相同

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");
        }
});

第一个表包含在 id 为“Fixed”的 div 中，其他表包含在 id 为“Scroll”的 div 中

我不是 jQuery 专家，所以不确定这是否是最有效、最可靠的方法。我在使用此解决方案时遇到的问题是，它渲染得很好，但是当我将页面缩放到 125% 或 150% 时，表格对齐会变得不合适。

任何建议，解决方案将不胜感激。

Answer 1

我认为一个可能的问题是设置 s 的高度tr。不要认为它是有效的，并且可能与浏览器无关。相反，改变 s 的高度td只是为了看看它是否工作得更好。