Предварительный просмотр печати повторяет tfoot на каждой странице
моя проблема в том, что у меня есть два разных html файла с таблицей, содержащей theader, tfooter и tbody.
первое — мое собственное творение для целей тестирования, и оно выглядит так:
<html>
<head>
<title>The Invoice</title>
<style type="text/css">
table.invoice { background-color: #dddddd; font-family: sans-serif; }
td, th { background-color: #ffffff; padding: 5pt; }
td.unit { text-align: right; }
td.price { text-align: right; }
thead { display: table-header-group; }
tfoot th { text-align: right; }
</style>
</head>
<body>
<div style="width:auto !important; overflow:hidden; position:relative">
<table class="invoice" cellspacing="1" cellpadding="0">
<thead>
<th>Unit</th>
<th>Description</th>
<th>Price</th>
</thead>
<tfoot>
<tr>
<th colspan="2">Sum</th>
<td class="price">1.230,32 EUR</td>
</tr>
</tfoot>
<tbody>
<tr><td>1</td><td>Excel</td><td >150,00 EUR</td></tr>
<tr><td>2</td><td>Document</td><td>150,00 EUR</td></tr>
... and so on ...
</tbody>
</table>
</div>
</body>
</html>
всякий раз, когда я пробую предварительный просмотр печати в IE9, на последней странице (странице 5 в моем случае) отображается tfoot, который показывает общую сумму столбца цен основного содержания. когда я пытаюсь сделать то же самое в Mozilla Firefox 11.0, он показывает tfoot с общей суммой на каждой странице, чего я, конечно, не хочу.
Основная причина, по которой я спрашиваю, заключается в том, что у меня есть html-дом FreeAgent, на котором я хочу распечатать счет-фактуру. С этим html-файлом даже IE9 показывает tfoot на каждой странице, чего, опять же!, я не хочу.
Я поэкспериментировал с
@media print { tfoot { display: table-footer-group;
position: absolute;
bottom: 0; }}
там нижний колонтитул отображается только один раз, но на первой странице внизу слева весь остальной текст...
идеи и решения высоко ценятся! :)