web打印table,每页都显示表头

web打印table,每页都显示表头web打印table,每页都显示表头

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

    <html>

    <head>

    <meta http-equiv="Content-Type" c>

    <title>test</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="window.print()">

    </body>

    </html>

我的项目里页面用的是jsp,调了很长时间,还是不能实现每页都有表头的功能,后来灵感一现,把文件后缀改成了html,然后就ok了。
如果想实现这样的功能,也许不止一种方法,直接在页面里输出多个表头,按每页需要打印的内容排好版,应该也能实现这个的功能的,有时间了测试一下。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
如需转载请保留出处:https://bianchenghao.cn/37006.html

(0)
编程小号编程小号

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注