Установите поле для каждого начала разрыва страницы CSS ⇐ CSS

[Anonymous]

Прошу прощения за заголовок, более точного описания я не нашел.
Я разбиваю длинные строки таблицы на несколько страниц.
Все с разрывом страницы все в порядке для .
Моя единственная проблема в том, что он начинается в самом начале и заканчивается в самом низу страницы, что делает мой заголовок & нижний колонтитул покрыт данными таблицы.
Я пробовал везде размещать поля и отступы, но ничего не помогло.
Ниже приведен мой CSS:

Код: Выделить всё

@media print {

html, body {
width: 210mm;
height: 297mm;
background:#fff;
}
.page-layout {
border: initial;
border-radius: initial;
width: initial;
min-height: initial;
box-shadow: initial;
background: initial;
page-break-after: always;
}

table.report { page-break-after:auto }
table.report tr    { page-break-inside:avoid; page-break-after:auto }
table.report td    { page-break-inside:avoid; page-break-after:auto }
table.report thead { display:table-header-group; margin-top:50px; }
table.report tfoot { display:table-footer-group }

.header {
display:block;
position:fixed;
top: 0px;
font-weight:bold;
font-size:14px;
text-align:right;
right:0px;
}
.footer {
z-index: 1;
position: fixed;
left: 0;
bottom: 0;
text-align: left;
left: 0;
width:100%;
display:block;
}
}

Ниже мой HTML-код:

Код: Выделить всё

MY HEADER

REPORT TITLE




Col1
Col2
Col3
Col4















MY FOOTER

Вот как это выглядит при печати:



Подробнее здесь: https://stackoverflow.com/questions/429 ... reak-start