每页都有的表头和打印分页

2018-09-06 10:52

阅读:519

  <!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN>
<html>
<head>
<meta http-equiv=Content-Type content=text/html; charset=gb2312>
<title>无标题文档</title>
<style>
@media print{
INPUT {display:none}
}
</style>
</head>

  <body>

  <TABLE border=0 style=font-size:9pt; width=300px align=center>
<THEAD style=display:table-header-group;font-weight:bold>
<TR><TD colspan=2 align=center style=font-weight:bold;border:3px double red>每页都有的表头</TD></TR>
</THEAD>
<TBODY style=text-align:center>
<TR><TD>表格内容</TD><TD>表格内容</TD></TR>
<TR><TD>表格内容</TD><TD>表格内容</TD></TR>
<TR><TD>表格内容</TD><TD>表格内容</TD></TR>
<TR><TD>表格内容</TD><TD>表格内容</TD></TR>
<TR><TD>表格内容</TD><TD>表格内容</TD></TR>
<TR><TD>表格内容</TD><TD>表格内容</TD></TR>
<TR style=page-break-after:always;><TD>表格内容</TD><TD>表格内容</TD></TR>
<TR><TD>表格内容</TD><TD>表格内容</TD></TR>
<TR><TD>表格内容</TD><TD>表格内容</TD></TR>
<TR><TD>表格内容</TD><TD>表格内容</TD></TR>
<TR><TD>表格内容</TD><TD>表格内容</TD></TR>
<TR><TD>表格内容</TD><TD>表格内容</TD></TR>
<TR><TD>表格内容</TD><TD>表格内容</TD></TR>
<TR style=page-break-after:always;><TD>表格内容</TD><TD>表格内容</TD></TR>
<TR><TD>表格内容</TD><TD>表格内容</TD></TR>
<TR><TD>表格内容</TD><TD>表格内容</TD></TR>
<TR><TD>表格内容</TD><TD>表格内容</TD></TR>
<TR><TD>表格内容</TD><TD>表格内容</TD></TR>
<TR><TD>表格内容</TD><TD>表格内容</TD></TR>
<TR><TD>表格内容</TD><TD>表格内容</TD></TR>
<TR style=page-break-after:always;><TD>表格内容</TD><TD>表格内容</TD></TR>
</TBODY>
<TFOOT style=display:table-footer-group;font-weight:bold>
<TR>
<TD colspan=2 align=center style=font-weight:bold;border:3px double blue>每页都有的表尾</TD>
</TR>
</TFOOT>
</TABLE>
<input type=button value= 打 印 onclick=javascript:window.print()>
</body>
</html>

  


评论


亲,登录后才可以留言!