Подтвердить что ты не робот

CSS: повторить заголовок таблицы после разрыва страницы (вид печати)

У меня есть html-таблица для печати с повторением заголовка и нижнего колонтитула. Все работает, документ разбивается автоматически. Но теперь я хотел бы сломать страницу после любого элемента. Я использую свойство css property-break-after и всегда устанавливаю его.  Да, его работы, но у меня другая проблема. Страница после перерыва не повторяет заголовок и нижний колонтитул таблицы. Что не так?

Браузеры: IE8.

Стили печати:

table thead {display: table-header-group;}
table tfoot { display: table-footer-group;}
table tbody { display: table-row-group;}
.page-break { page-break-after:always;}

Код HTML:

<table>
<thead>
    <tr>
        <th>...</th>
    </tr>
</thead>
<tfoot>
    <tr>
        <td>...</td>
    </tr>
</tfoot>
<tbody>
    <tr>
        <td>page 1</td>
    </tr>
    <tr class="page-break">
        <td>content</td>
    </tr>
    <tr>
        <td>Page 2</td>
    </tr>
    <tr>
        <td>content 2</td>
    </tr>
</tbody>
</table>
4b9b3361

Ответ 1

попробуйте добавить следующий css:

thead {display: table-header-group;}

Нижний колонтитул не повторяется на каждой странице, а печатается последним только в IE8, iirc.