抄来的关于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()">


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

Table打印 根据高度自动分页

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

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

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

最佳css控制打印方法

有了这个css基本上可以完成所有对打印的控制!style>...@media print{...}{INPUT {display:none}}style>TABLE border="0" style=...
  • phker
  • phker
  • 2008年04月07日 18:58
  • 827

对table的设置及打印分页

1.empty-cells: 属性设置是否显示表格中的空单元格(仅用于“分离边框”模式)。2.设置打印分页:  说明:page-break-after:always   控制分页  .pageSepa...
  • wangeryi
  • wangeryi
  • 2010年11月22日 10:53
  • 1452

同一个table下的tr进行分页打印

开始尝试用css的page-break-after 属性 实现对tr  的分页 打印效果,结果发现 该属性对 table 不起作用,  然后换了一种方法,方法的思路大概描述下           ...
  • lijj_html5
  • lijj_html5
  • 2017年04月20日 13:41
  • 1003

Table打印 根据高度自动分页

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

CSS属性display:table的表格布局的使用

项目改造中遇到DIV+CSS实现的table,新需求需要在表格使用单元格合并,网上调查返现CSS display:table实现的table表格,没有单元格的属性和样式,经过一番思考,曲折现实了单元格...
  • sinat_17775997
  • sinat_17775997
  • 2017年02月21日 15:46
  • 809

利用CSS控制打印 (转贴,自己存档备查)

@media print{INPUT {display:none}}每页都有的表头表格内容表格内容表格内容表格内容表格内容表格内容表格内容表格内容表格内容表格内容表格内容表格内容表格内容表格内容表格内...
  • mw515
  • mw515
  • 2006年01月17日 13:56
  • 749

css实现table锁定表头

在做项目中,碰到表格数据全部加载,不要分页,就需要锁定表头的业务。自己也上网搜了一些资料, 1.css+html实现 一般的思路就是两个table拼接,不过问题是上下表单可...
  • muyi8805
  • muyi8805
  • 2015年07月13日 22:13
  • 1561

HTML5 CSS控制Table内外边框、颜色、大小示例

//联系人:石虎  QQ: 1224614774 昵称:嗡嘛呢叭咪哄 在默认的情况下,我们的CSS将Table的边框清除掉了,下面与大家分享下CSS控制Table内外边框、颜色、大小的...
  • shihuboke
  • shihuboke
  • 2017年06月11日 16:46
  • 5309
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:抄来的关于CSS控制打印Table
举报原因:
原因补充:

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