Html 如果表格行到达页面末尾，则创建新的DIN A4

我已经创建了一个容器，它在“屏幕”模式下的大小为DIN A4。在这个容器中，我用数据填充公式，如果新行不再适合上一页，我想在上一页下生成一个新页。我的目标是像所见即所得一样打印公式。我使用angular作为框架

HTML:

---

这个页面的布局和我的一样：我发现这也很有趣：这是我想要的最好的方式：只有我的“卡片”在达到最大值时才可以重复。我试着用ng Repeat这个页面的布局和我的一样：我发现这也很有趣：这是我想要的最好的方式：只有我的“卡片”在达到最大值时才应该是可重复的。我试着用ng重复

<div class="container">
   <div class"card">
      <form ....>
          <table>
             <tbody>
                <tr *ngFor="let element of elements.controls; let i = index;" [formGroupName]="i">
                    table content that can expands. If this reach the max of the DIN A4 height it should do a "page-break"
                </tr>
             </tbody>
          </table>
      </form>
   </div>
</div>

.invoice-container {
   width: 210 mm;
   ming-height: 297; 

   .card {
       ...
    }
    ....
}