抄来的关于CSS控制打印Table

转载 2004年07月06日 16:51:00

<style>
@media print{
INPUT {display:none}
}
</style>
<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()">


每页都有的表头
每页都有的表尾
表格内容 表格内容
表格内容 表格内容
表格内容 表格内容
表格内容 表格内容
表格内容 表格内容
表格内容 表格内容
表格内容 表格内容
表格内容 表格内容
表格内容 表格内容
表格内容 表格内容
表格内容 表格内容
表格内容 表格内容
表格内容 表格内容
表格内容 表格内容
表格内容 表格内容
表格内容 表格内容
表格内容 表格内容
表格内容 表格内容
表格内容 表格内容
表格内容 表格内容
表格内容 表格内容

CSS控制print打印样式

一、添加打印样式 1. 为屏幕显示和打印分别准备一个css文件,如下所示:   用于屏幕显示的css:   用于打印的css: 2. import方式:         @impo...
  • happy_siyan
  • happy_siyan
  • 2017年03月18日 10:47
  • 2880

用CSS来隐藏不希望被打印出来的元素

在WEB上打印时,当页面元素不想在打印时显示时可以使用一个CSS样式,定义这个CSS的方法如下:@media print { .Noprn{ display:none;}}--------------...
  • jadexupeng
  • jadexupeng
  • 2006年07月26日 15:43
  • 5824

Table打印 根据高度自动分页

最近打印单据,遇到表头不变,Table主体每行高度不固定,打印时 Table自动分页。 网上查了一下 好像都是根据行数来分页的,但是那些行高都是固定的。 查了一些资料,自己整理了一下思路,...
  • zzh1063
  • zzh1063
  • 2015年11月06日 08:30
  • 3061

jqprint 打印 table的一些坑

相信许多小公司的java开发人员,在工作的时候难免要用到许多的前端的知识(俗称全栈工程师),恐怕有时你写着写着会咒骂道:“我明明是好歹是个java工程师,为什么要然我去写页面这种前端干的活”,但是事实...
  • qq_32667777
  • qq_32667777
  • 2017年12月10日 22:05
  • 2316

使用jqprint插件完成页面打印

使用jqprint插件完成页面打印 jqprint是一个基于jquery编写的页面打印的一个小插件,但是不得不承认这个插件确实很厉害,最近的项目中帮了我的大忙,在Web打印的方面,前端的打印基本是靠w...
  • long2010yu2010
  • long2010yu2010
  • 2015年01月05日 10:11
  • 19449

javascript打印网页的特定内容(以打印table为例)

参考网址: http://stackoverflow.com/questions/21375398/how-to-print-table-using-javascript http://stackov...
  • hnllc2012
  • hnllc2012
  • 2015年09月06日 13:33
  • 4919

lua中打印所以类型功能实现table嵌套table

lua中打印所以类型功能实现 本人测试 number、string、bool、nil、table嵌套table、userdata没问题 共享一下有什么问题请拍砖 代码如下 cclog = functi...
  • vpingchangxin
  • vpingchangxin
  • 2014年05月07日 17:09
  • 6561

打印table表格数据

  • 2016年10月25日 14:56
  • 31KB
  • 下载

前端打印功能css print

下面是关于前端打印功能的几种整理,大家有什么好的方法,还望提出。。。先谢谢啦 第一种:jquery有个打印功能的API(PrintArea) 不过这个特别要注意一个就是打印出新空白,查看源...
  • m0_37852904
  • m0_37852904
  • 2018年01月23日 13:23
  • 291

利用CSS样式打印

11.4  利用CSS样式打印利用CSS样式打印是经常使用的一种打印方法,利用它可以非常方便的实现打印页面中的指定内容和分页打印,下面将通过具体实例介绍如何利用CSS样式打印。实例302  利用CSS...
  • nedvedno1
  • nedvedno1
  • 2007年11月12日 15:15
  • 2426
收藏助手
不良信息举报
您举报文章:抄来的关于CSS控制打印Table
举报原因:
原因补充:

(最多只允许输入30个字)