tambc
BlogJava 首页 新随笔 联系 聚合 管理
  5 Posts :: 21 Stories :: 5 Comments :: 0 Trackbacks
在WEB页中实现表头表脚和打印分页

 

<! 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 >  
 < 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 >
posted on 2006-12-21 11:40 tambc 阅读(359) 评论(0)  编辑  收藏 所属分类: JavaScript

只有注册用户登录后才能发表评论。
网站导航: