Я создал контейнер, который имеет размер DIN A4 в режиме «экран». В этом контейнере я заполняю форму данными и хочу создать новую страницу под предыдущей страницей, если новая строка больше не помещается на предыдущей странице. Моя цель - напечатать формуляр как WYSIWYG. Я использую angular в качестве основы.
HTML:
<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>
S CSS:
.invoice-container {
width: 210 mm;
ming-height: 297;
.card {
...
}
....
}