疯狂java


您现在的位置: 疯狂软件 >> 新闻资讯 >> 正文

web打印表头,表尾,分页


 

<!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> JAVA培训