在分页符期间，表格底部的边框无法正确显示

Question

我需要创建一个仅在每个单元格的左侧和右侧具有边框的表。另外，应该仅在最后一个表行上有一个border-bottom。在下面的图像中，在分页符期间，边框的底部与表格有些脱离。在某些情况下，甚至看不到底部边框。

我尝试设置border-bottom中的table-body，但它仅适用于表格的末尾。

我使用了:last-child，但仅应用于包含该表的最后一页，而不是应用于每个页面。

<table class="table">
  <thead>
    <tr>
      <th>Column 1</th>
      <th>Column 2</th>
      <th>Column 3</th>
    </tr>
  </thead>
  <tbody class="table-body>
    <!-- tr repeated until pagebreak occurs -->
    <tr>
      <td class="table-data">Some Value 1</td>
      <td class="table-data">Some Value 2</td>
      <td class="table-data">Some Value 3</td>
    </tr>
  </tbody>
</table>

.table {
  border;
  width: 100%;
}

.table-data {
  max-width: 100px;
  word-break: break-all;
  font-size: 12px;
  padding: 0;
  border-left: 1px solid black;
  border-right: 1px solid black;
  vertical-align: top;
}

.table-body {
  border-bottom: 1px solid black;
}

table, tr, td, th, tbody, thead, tfoot {
  page-break-inside: avoid !important;
}