Машинопись - CSS Настройки печати - Разрыв Div

Question

Я использую window.print для создания окна печати в Angular 9. Я хочу перевести sh div на следующую страницу, если она сломается, как показано на изображении ниже.

HTML для этого выглядит следующим образом:

<div class="card mt-2" *ngFor="let data of ledgerData">
    <div class="card-header">
        <div class="row">
            <div class="col-12 text-left">
                [{{ data.code | Accountcode}}] <b>{{ data.codedesc }}</b>
            </div>
        </div>
        <div class="row">
            <div class="col-12 text-right">
                Opening Balance: PKR {{ data.opening | Numberwithcommas }}
                <br>
                Closing Balance: PKR {{ data.closing | Numberwithcommas }}
            </div>
        </div>
    </div>
    <div class="card-body">
        <table class="table table-striped">
            <thead>
                <th>Date</th>
                <th>Type</th>
                <th>No.</th>
                <th>Description</th>
                <th>Debit</th>
                <th>Credit</th>
                <th>Balance</th>
            </thead>
            <tbody>
                <tr *ngFor="let entry of data.enteries">
                    <td>{{ entry.voucherdate }}</td>
                    <td>{{ entry.vouchertype }}</td>
                    <td>{{ entry.vouchernumber }}</td>
                    <td>{{ entry.description }}</td>
                    <td>{{ entry.debit | Numberwithcommas }}</td>
                    <td>{{ entry.credit | Numberwithcommas }}</td>
                    <td>{{ entry.balance | Numberwithcommas }}</td>
                </tr>
            </tbody>
        </table>
    </div>
</div>

Пожалуйста, предложите, как я могу перенаправить sh div на следующую страницу?