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

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

11 голосов
/ 27 июля 2011

У меня есть html таблица для печати с повторным колонтитулом. Все работает, документ ломается автоматически. Но теперь я хотел бы разбить страницу после любого элемента. Я использую для css свойство page-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>

1 Ответ

3 голосов
/ 27 июля 2011

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

thead {display: table-header-group;}

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

...