Создайте новый DIN A4, если строка таблицы достигла конца страницы - PullRequest
1 голос
/ 27 февраля 2020

Я создал контейнер, который имеет размер 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 {
       ...
    }
    ....
}
...