在每个新页面顶部的渲染元素上都有一个父元素

Question

我试图仅使用div元素制作一个伪表。因此，我不想继承常规html表的默认样式。但是，我确实想在打印表格时为每个新页面重复表格标题。这是我的桌子的一个例子：

<div class="pseudo-table">
  <div class="table-header">Table Header</div>
  <div class="table-rows">
    <div class="table-row">Hello World</div>
    <div class="table-row">Hello World</div>
    <div class="table-row">Hello World</div>
    <div class="table-row">Hello World</div>
    <div class="table-row">Hello World</div>
    <div class="table-row">Hello World</div>
    <div class="table-row">Hello World</div>
  </div>
</div>

我添加了以下CSS，以便在打印时表格移至新页面：

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

有什么办法告诉我的pseudo-table在出现的每个新页面的顶部渲染table-header元素？