<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>print 固定頁首頁尾</title>
<style>
@media screen {
div.footer,div.top {
display: none;
}
}
@media print {
div.footer {
position:fixed;
bottom: 0;
color: red;
text-align: center;
width: 100%;
}
div.top {
position: fixed;
top: 0;
color: red;
text-align: center;
width: 100%;
}
}
</style>
</head>
<body style="">
<div>
<table style="">
<thead style="">
<tr>
<td style="height: 50px">
<div class="top">top</div>
</td>
</tr>
</thead>
<tbody>
<tr>
<td>body11</td>
<td>body12</td>
</tr>
<tr>
<td>body21</td>
<td>body22</td>
</tr>
<tr>
<td>body31</td>
<td>body32</td>
</tr>
<tr>
<td>body01</td>
<td>body02</td>
</tr>
<tr>
<td>body01</td>
<td>body02</td>
</tr>
<tr>
<td>body01</td>
<td>body02</td>
</tr>
<tr>
<td>body01</td>
<td>body02</td>
</tr>
<tr>
<td>body01</td>
<td>body02</td>
</tr>
<tr>
<td>body01</td>
<td>body02</td>
</tr>
<tr>
<td>body01</td>
<td>body02</td>
</tr>
<tr>
<td>body01</td>
<td>body02</td>
</tr>
<tr>
<td>body01</td>
<td>body02</td>
</tr>
<tr>
<td>body01</td>
<td>body02</td>
</tr>
<tr>
<td>body01</td>
<td>body02</td>
</tr>
<tr>
<td>body01</td>
<td>body02</td>
</tr>
<tr>
<td>body01</td>
<td>body02</td>
</tr>
<tr>
<td>body01</td>
<td>body02</td>
</tr>
<tr>
<td>body01</td>
<td>body02</td>
</tr>
<tr>
<td>body01</td>
<td>body02</td>
</tr>
<tr>
<td>body01</td>
<td>body02</td>
</tr>
<tr>
<td>body01</td>
<td>body02</td>
</tr>
<tr>
<td>body01</td>
<td>body02</td>
</tr>
<tr>
<td>body01</td>
<td>body02</td>
</tr>
<tr>
<td>body01</td>
<td>body02</td>
</tr>
<tr>
<td>body01</td>
<td>body02</td>
</tr>
<tr>
<td>body01</td>
<td>body02</td>
</tr>
<tr>
<td>body01</td>
<td>body02</td>
</tr>
<tr>
<td>body01</td>
<td>body02</td>
</tr>
<tr>
<td>body01</td>
<td>body02</td>
</tr>
<tr>
<td>body01</td>
<td>body02</td>
</tr>
<tr>
<td>body01</td>
<td>body02</td>
</tr>
<tr>
<td>body01</td>
<td>body02</td>
</tr>
<tr>
<td>body01</td>
<td>body02</td>
</tr>
<tr>
<td>body01</td>
<td>body02</td>
</tr>
<tr>
<td>body01</td>
<td>body02</td>
</tr>
<tr>
<td>body01</td>
<td>body02</td>
</tr>
<tr>
<td>body01</td>
<td>body02</td>
</tr>
<tr>
<td>body01</td>
<td>body02</td>
</tr>
<tr>
<td>body01</td>
<td>body02</td>
</tr>
<tr>
<td>body01</td>
<td>body02</td>
</tr>
<tr>
<td>body01</td>
<td>body02</td>
</tr>
<tr>
<td>body01</td>
<td>body02</td>
</tr>
<tr>
<td>body01</td>
<td>body02</td>
</tr>
<tr>
<td>body01</td>
<td>body02</td>
</tr>
<tr>
<td>body01</td>
<td>body02</td>
</tr>
<tr>
<td>body01</td>
<td>body02</td>
</tr>
<tr>
<td>body01</td>
<td>body02</td>
</tr>
<tr>
<td>body01</td>
<td>body02</td>
</tr>
<tr>
<td>body01</td>
<td>body02</td>
</tr>
</tbody>
<tfoot style="">
<tr>
<td style="height: 50px">
<div class="footer">footer</div>
</td>
</tr>
</tfoot>
</table>
</div>
</body>
</html>
