Ошибка на странице разрыва Простой список HTML - PullRequest
Новая
       26

Ошибка на странице разрыва Простой список HTML

1 голос
/ 27 июня 2019

У меня проблема с распечаткой моего списка страниц

Мой css: 

    table {
    page-break-after: auto !important
}

tr {
    page-break-inside: avoid !important;
    page-break-after: auto !important
}

td {
    page-break-inside: avoid !important;
    page-break-after: auto !important
}

thead {
    display: table-header-group !important
}

tfoot {
    display: table-footer-group !important
}

Мой HTML: 

<table>
<thead>
    <tr>
        <th>Quant.</th>
        <th>Cod.</th>
        <th>Mantenimiento</th>
    </tr>
</thead>
<tbody>
    <tr *ngFor="let data of getData()"> <!-- Dynamic Generate Rows-->
        <td>{{data?.quant}}</td>
        <td>{{data?.codItem}}</td>
        <td>{{data?.item}}</td>
    </tr>
</tbody>
<tfoot>

</tfoot></table>

но моя страница содержит ошибки на перерыве

Image example when my list break page

Я динамически генерирую строки, которые ломаются при большом количестве записей, поэтому мне нужен здоровый разрыв

...