Javascript 均衡两个独立的表函数

我有一个均衡表函数

($controlTable, $referenceTable) {
  $referenceTable.find('tr').each(function (index) {
    var refRow = $(this)
    var controlRow = $controlTable.find('tr:nth-child(' + (index + 1) + ')');

    var refRowHeight = refRow.height();
    var controlRowHeight = controlRow.height();

    if (refRowHeight > controlRowHeight) {
      controlRow.height(refRowHeight);
    } else {
      refRow.height(controlRowHeight);
    }
  });
}

这个函数应该遍历每个表行，并根据最高的表行来平衡它们的高度，但由于某种原因，我看到1px到3px的差异导致一些表行无法正确对齐，起初我认为它可能必须使用外径，但它没有意义，在尝试后也不起作用。这种情况尤其发生在换行时

PS：我在页面加载时运行这个函数，并观察页面何时调整大小

找到下面显示此行为的代码笔

---

所有表格的css是否都相同？@TKoL是的，css是相同的，我甚至清除了添加填充的css，但其表现方式是相同的。您是否尝试过明确指出哪些行的高度不同，并在Chrome element inspector中检查它们？@TKoL是的，我有13行，只有4行有这些问题，即使这两个表最终的高度相同，但这4行的对齐方式是错误的。您可以在代码段中复制这个问题吗？