разрыв страницы после не работает, когда контент создается динамически через AJAX

Question

При загрузке динамических строк через ajax @media print -- page-break-after не работает.

Работает со всеми другими элементами, которые не создаются динамически. Я загружаю строки для отчета и после каждой 15-й строки добавляю элемент <div class='page'></div>. Похоже, строки, загруженные через ajax, не работают.

@media print {

    .page{
       page-break-after: always;
    }
}

Страница разбивается на элементы класса «page», которые не были загружены через ajax, только те. Я предполагаю, что это не связано с DOM, но не знаю, как обойти это.

Answer 1

Если родительский контейнер display: flex;, он не будет работать.

При использовании page-break-after убедитесь, что родительский контейнер имеет display: block;