js设置table行间距

<table>
  <tr style="line-height: 2em;">
    <td>Row 1</td>
  </tr>
  <tr style="line-height: 2em;">
    <td>Row 2</td>
  </tr>
</table>

<style>
  .my-table tr {
    line-height: 2em;
  }
</style>

<table class="my-table">
  <tr>
    <td>Row 1</td>
  </tr>
  <tr>
    <td>Row 2</td>
  </tr>
</table>

<table id="myTable">
  <tr>
    <td>Row 1</td>
  </tr>
  <tr>
    <td>Row 2</td>
  </tr>
</table>

<script>
  document.addEventListener("DOMContentLoaded", function() {
    var tableRows = document.querySelectorAll("#myTable tr");
    tableRows.forEach(function(row) {
      row.style.lineHeight = "2em";
    });
  });
</script>

.my-table tr {
  line-height: 2em !important;
}

.my-table td {
  min-height: 2em;
}