当一些行有表情符号，而有些行没有表情符号时，我如何让表格中的行垂直对齐？

table {
  border-collapse: collapse;
}

td {
  vertical-align: middle;
}

<table>
  <tr>
    <td colspan="2">😊 表情符号</td>
  </tr>
  <tr>
    <td>其他内容</td>
    <td>其他内容</td>
  </tr>
</table>

var table = document.getElementById("myTable");
var rows = table.getElementsByTagName("tr");
var maxHeight = 0;

for (var i = 0; i < rows.length; i++) {
  var rowHeight = rows[i].clientHeight;
  maxHeight = Math.max(maxHeight, rowHeight);
}

for (var i = 0; i < rows.length; i++) {
  rows[i].style.height = maxHeight + "px";
}