(1) Общий заголовок:
<div class="row"> <div class="col-xs-8"> текст </div> <div class="col-xs-4"> текст </div> </div> <div class="row"> <div class="col-xs-8"> текст </div> <div class="col-xs-4"> текст </div> </div>
(2) Разрыв:
<hr/>
(3) Далее в зависимости от переданных данных:
<h4>заголовок</h4>
(4) Иии, гвоздь программы, таблица (кол-во строк с растет в зависимости от переданных данных, от одной до бесконечности):
<table> <thead> <tr> <th>заголовок ячеек 1</th> <th>заголовок ячеек 2</th> </tr> </thead> <tbody> <tr> <td>содержание ячейки 1</td> <td>содержание ячейки 2</td> </tr> </tbody> </table>
(5) Далее еще одна статичная таблица на 18 ячеек с заголовком
<table> <tr> <th>заголовок в первой ячейке</th> <td>еще 18 ячеек</td> </tr> </table>
(6) И подпись:
<div>подпись</div>
Сабж:
Общий заголовок (1) + подпись (6) встречаются 1 раз, в начале и в конце документа
Блок заголовок (3) + первая таблица (4) + вторая таблица (5) может повторяться бесконечно, сколько данных передадут, например:
(1) (2) (3) (4) (5) (3) (4) (5) (3) (4) (5) (6)
Требуется запретить разрыв строк в таблице при печати в браузере Google Chrome
В 90% браузеров частично / условно / почти годно работает метод page-break-inside\after: avoid\auto
Конченый Chrome его не знает и рвет ячейки таблицы пополам, если так попадает печать .. а надо: если ячейка, если целиком не влезает не предыдущую страницу, то целиком перенести ее на следующую
Желательно найти решение в CSS / HTML, но мне это не удалось.
Так что буду рад любым вариантам решения проблемы - JS, JQ, шаманские\ритуальные танцы вокруг кода