`

IE中HTML打印时实现每页都有的表头和打印分页

    博客分类:
  • HTML
阅读更多
<!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>
</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>

 
重点是里面的css设定
分享到:
评论

相关推荐

    Js特效 表格分页排序

    4. 实现表格分页功能,可指定是否开启分页功能及每页行数; 5. 排序数据支持数据类型自动识别(这点很强大)。例如:整型数据、浮点型数据、字母、电话号码、日期、链接 6. 表格外观样式可通过CSS灵活定制 7. 所需要...

    傻瓜打表

    打印到多页,每页可根据当前页优化列宽) 分栏打印(栏数、栏间距可调) 按字段分页、按字段分组 表头背景色、各列背景色均可设置 条件前景色、条件背景色(如为负时用红色打印) 打印设置几乎可调节所有...

    傻瓜打表(众合打表)

    打印到多页,每页可根据当前页优化列宽) 分栏打印(栏数、栏间距可调) 按字段分页、按字段分组 表头背景色、各列背景色均可设置 条件前景色、条件背景色(如为负时用红色打印) 打印设置几乎可调节所有...

    asp.net知识库

    ASP.NET 2.0 中实现跨页提交 新控件、管理外观、布局及其它用户体验 ASP.NET 2.0 缓存技术 (原创) asp.net 2.0中的theme主题覆盖问题 asp.net 2.0中利用app_offline.htm功能 .NET 2.0中的字符串比较 小试ASP.NET ...

    浅谈layui分页控件field参数接收对象的问题

    第一次使用layui分页控件,遇到的问题。。field: ‘type.typeName’ 获取不到值。... ,limitName: 'length' //每页数据量的参数名,默认:limit } ,page: true //开启分页 ,even: true ,cols: [[ //表头 {check

    jQuery LigerUI V1.1.0

    [优化]gridRows和Total字段名可配置,提交给服务器的参数可配置,所有与用户操作交互的地方(如上一页、下一页)都加上事件 [优化]插件执行直接返回ligerGrid Manager(其他用到接口管理对象的插件都类同) 树 [优化...

    IntelliGrid表格控件(Web Grid)V1.0 For Asp.Net2.0 3.5

    ★支持自定义分页(图A定义每页大小为3行)。可由开发人员自行决定网页提交的模式,是小批量多批次,还是大批量少批次。本控件的灵活性提高了网站的灵活适应性。 ★本控件自动提供自带的分页控件,提供页的导航功能...

    Excel百宝箱

    【建立分页小计】:将每页数据建立小计和累计,且自动分页,小计和累计在每页最末处 【删除分页小计】:删除小计与累计,恢复明细表 【合并到选区】:将一个单元格的值合到一个区域中去,可以插入到原字符之前也可以...

    一个不错的javaScirpt例子

    &lt;br&gt;分页导航功能,允许界面开发者为控件指定一个PageControl对象,该对象有两个重要属性:pageSize用来控制每页行数,query用来指定翻页时要回调的函数。如果翻页时是不需要查询条件的,query可以设置为一个url...

    Exce百宝箱——2012版本.rar

    【建立分页小计】:将每页数据建立小计和累计,且自动分页,小计和累计在每页最末处 【删除分页小计】:删除小计与累计,恢复明细表 【合并到选区】:将一个单元格的值合到一个区域中去,可以插入到原字符之前也可以...

    Excel百宝箱9.0无限制破解版.rar

    【建立分页小计】:将每页数据建立小计和累计,且自动分页,小计和累计在每页最末处 【删除分页小计】:删除小计与累计,恢复明细表 【合并到选区】:将一个单元格的值合到一个区域中去,可以插入到原字符之前也...

Global site tag (gtag.js) - Google Analytics