均衡两个单独的表函数

Question

我有一个均衡表函数

($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的差异使得一些表行不能正确对齐，起初我认为它可能需要使用outerWidth，但它没有意义，尝试后也没有用。这种情况尤其发生在换行时。

PS：我在页面加载时运行此功能，并且还在查看页面调整大小时。

在下方找到显示此行为的代码

https://codepen.io/sslgeorge/pen/EwqMde