允许在tr和td元素内分页

我正在尝试创建一个单列表,该表允许在 tr 和 td 细胞。下面只是一个例子,但是我的实际表在每个单元格中都有很多内容。

<table>
  <thead>
    <tr>
      <th>TABLE HEADER</th>
    </tr>
  </thead>
  <tbody>
    <tr><td><div class="my-cell">Hello World</div></td></tr>
    <tr><td><div class="my-cell">Hello World</div></td></tr>
    <tr><td><div class="my-cell">Hello World</div></td></tr>
    <tr><td><div class="my-cell">Hello World</div></td></tr>
    <tr><td><div class="my-cell">Hello World</div></td></tr>
    <tr><td><div class="my-cell">Hello World</div></td></tr>
    <tr><td><div class="my-cell">Hello World</div></td></tr>
    <tr><td><div class="my-cell">Hello World</div></td></tr>
    <tr><td><div class="my-cell">Hello World</div></td></tr>
  </tbody>
</table>

我使用以下样式查看单元格的起始和结束位置:

.my-cell {
  padding: 160px 40px;
  border: 1px solid #000;
}

打印此页时,表在第二行后断开,以避免拆分第三行:

我的目标是防止这种自动分页符。我尝试添加以下CSS,但它仍在同一位置中断:

tr, td {
  page-break-inside: initial;
}

是否允许在 TR 和 TD 元素还是这不可能?这个属性实际上设置在哪里?它不会出现在Chrome开发人员工具或文档中的任何地方。