打印表格的样式问题

打印web页面时，表格线设置有些不一样，否则打印出来的表格可能要么变粗，要么不显示。

没有样式处理前的表格：

Html代码  

1.   <table   border="1"   cellpadding="3"   cellspacing="0"   width="100%"   bgcolor="#ffffff" >   
2.   <tr>  
3.     <td width="20%" height=20>供应商名称:</td>  
4.     <td width="12%"> </td>  
5.     <td width="16%">供应商编号</td>  
6.     <td width="52%"> </td>  
7.   </tr>  
8.   <tr>  
9.     <td height=20>送货单号:</td>  
10.     <td colspan="3"> </td>  
11.   </tr>  
12.   <tr>  
13.     <td height=20>送货工厂地点 ： </td>  
14.     <td> </td>  
15.     <td>送货时间:</td>  
16.     <td><input type="text" name="textfield8"></td>  
17.   </tr>  
18.   <tr>  
19.     <td colspan="4">  
20.       
21.      <table   border="1"   cellpadding="3"   cellspacing="0"   width="100%"   bgcolor="#ffffff"   >   
22.           <tr>  
23.         <td>采购订单号</td>  
24.         <td>项次</td>  
25.         <td>订单类型</td>  
26.         <td>物料编号</td>  
27.         <td>物料描述</td>  
28.         <td>送货数量</td>  
29.         <td>单位</td>  
30.         <td>批号</td>  
31.       </tr>  
32.       <tr>  
33.         <td height="17"> </td>  
34.         <td> </td>  
35.         <td> </td>  
36.         <td> </td>  
37.         <td> </td>  
38.         <td><input name="textfield6" type="text" size="8"></td>  
39.         <td> </td>  
40.         <td><input name="textfield7" type="text"></td>  
41.       </tr>  
42.         
43.       <tr align="center">  
44.         <td colspan="8">以上内容由供应商填写</td>  
45.       </tr>  
46.     </table>  
47.      <table   border="1"   cellpadding="3"   cellspacing="0"   width="100%"   bgcolor="#ffffff"   >     
48.           <tr>  
49.           <td width="21%" align="center">实际接受数量</td>  
50.           <td width="23%" align="center">接受人签字</td>  
51.           <td width="35%" align="center">实际入库时间</td>  
52.           <td width="21%" align="center">备注</td>  
53.         </tr>  
54.         <tr>  
55.           <td><input type="text" name="textfield12"></td>  
56.           <td><input type="text" name="textfield13"></td>  
57.           <td align="center"><input name="textfield322" type="text" size="5">  
58. 年  
59.   <input name="textfield422" type="text" size="5">  
60. 月  
61. <input name="textfield522" type="text" size="5">  
62. 日  
63. <input name="textfield92" type="text" size="5">  
64. 时</td>  
65.           <td><input type="text" name="textfield14"></td>  
66.         </tr>  
67.         <tr align="center">  
68.           <td colspan="4">以上内容由仓管员填写，今收到有周转胶框（  
69.             <input name="textfield" type="text" size="5">  
70.           ）个、纸箱（  
71.           <input name="textfield2" type="text" size="5">  
72.           ）个</td>  
73.         </tr>  
74.       </table>  
75.       </td>  
76.   </tr>  
77.   <tr>  
78.     <td>供应商确认:</td>  
79.     <td colspan="2" height=20><input type="text" name="textfield15"></td>  
80.     <td>应合格入库时间是采购单中交货时间</td>  
81.   </tr>  
82.   <tr align="center">  
83.     <td colspan="4" height=20>共四联：第一联（白联）检验公司、第二联（红联）供应商、第三联（绿联）仓管员、第四联（黄联）财务</td>  
84.   </tr>  
85.   </table>  
86.     

 

表格线变细方法：

Html代码  

1. <table width="100%" border="1" align="center" cellpadding="0" cellspacing="0" bordercolor="#000000"   
2. style="border-collapse:collapse; " >  
3.           <tr>  
4.         <td align=center nowrap width=15%>采购订单号</td>  
5.         <td align=center nowrap width=5%>项次</td>  
6.         <td align=center nowrap width=10%>订单类型</td>  
7.         <td align=center nowrap width=15%>物料编号</td>  
8.         <td align=center nowrap width=15%>物料描述</td>  
9.         <td align=center nowrap width=10%>送货数量</td>  
10.         <td align=center nowrap width=15%>单位</td>  
11.         <td align=center nowrap width=15%>批号</td>  
12.       </tr>  
13.       <tr>  
14.         <td> </td>  
15.         <td> </td>  
16.         <td> </td>  
17.         <td> </td>  
18.         <td> </td>  
19.         <td><input name="textfield6" type="text" size="8" class=input_100></td>  
20.         <td> </td>  
21.         <td><input name="textfield7" type="text" class=input_100></td>  
22.       </tr>     
23.     </table>  
24.   
25.     

 

表格的周边框只显示底线：

Html代码  

1. <table width="100%" border="1" align="center" cellpadding="0" cellspacing="0" bordercolor="#000000"   
2. style="border-collapse:collapse; "  frame=below>  
3.           <tr>  
4.         <td align=center nowrap width=15%>采购订单号</td>  
5.         <td align=center nowrap width=5%>项次</td>  
6.         <td align=center nowrap width=10%>订单类型</td>  
7.         <td align=center nowrap width=15%>物料编号</td>  
8.         <td align=center nowrap width=15%>物料描述</td>  
9.         <td align=center nowrap width=10%>送货数量</td>  
10.         <td align=center nowrap width=15%>单位</td>  
11.         <td align=center nowrap width=15%>批号</td>  
12.       </tr>  
13.       <tr>  
14.         <td> </td>  
15.         <td> </td>  
16.         <td> </td>  
17.         <td> </td>  
18.         <td> </td>  
19.         <td><input name="textfield6" type="text" size="8" class=input_100></td>  
20.         <td> </td>  
21.         <td><input name="textfield7" type="text" class=input_100></td>  
22.       </tr>     
23.     </table>  
24.   
25.     

 

表格的周边框全部不显示：

Html代码  

1. <table width="100%" border="1" align="center" cellpadding="0" cellspacing="0" bordercolor="#000000"   
2. style="border-collapse:collapse; " frame=void>  
3.           <tr>  
4.         <td align=center nowrap width=15%>采购订单号</td>  
5.         <td align=center nowrap width=5%>项次</td>  
6.         <td align=center nowrap width=10%>订单类型</td>  
7.         <td align=center nowrap width=15%>物料编号</td>  
8.         <td align=center nowrap width=15%>物料描述</td>  
9.         <td align=center nowrap width=10%>送货数量</td>  
10.         <td align=center nowrap width=15%>单位</td>  
11.         <td align=center nowrap width=15%>批号</td>  
12.       </tr>  
13.       <tr>  
14.         <td> </td>  
15.         <td> </td>  
16.         <td> </td>  
17.         <td> </td>  
18.         <td> </td>  
19.         <td><input name="textfield6" type="text" size="8" class=input_100></td>  
20.         <td> </td>  
21.         <td><input name="textfield7" type="text" class=input_100></td>  
22.       </tr>     
23.     </table>  
24.   
25.     

 样式处理后的表格,同时,打印时可控制不出现页眉页脚.并可隐藏打印提交等按钮： 

Html代码  

1. <style>   
2. table {font-size:9pt;  
3. LINE-HEIGHT: 150%;   
4. }   
5. td  {font-size:9pt;  
6. LINE-HEIGHT: 150%;   
7. }    
8. .td_title{  
9. padding-left: 2px;   
10. }       
11. .input_100{  
12.     BORDER-RIGHT: #cccccc 1px solid;    
13.     BORDER-LEFT: #cccccc 1px solid;    
14.     BORDER-BOTTOM: #cccccc 1px solid;   
15.     BORDER-TOP: #cccccc 1px solid;   
16.     MARGIN-left: 2px;   
17.     MARGIN-right:2px;  
18.     MARGIN-top: 2px;   
19.     MARGIN-bottom: 2px;   
20.     width:100%  
21.     }  
22. .input_1{  
23.     BORDER-RIGHT: #cccccc 1px solid;    
24.     BORDER-LEFT: #cccccc 1px solid;    
25.     BORDER-BOTTOM: #cccccc 1px solid;   
26.     BORDER-TOP: #cccccc 1px solid;   
27.     MARGIN-left: 2px;   
28.     MARGIN-right:2px;  
29.     MARGIN-top: 2px;   
30.     MARGIN-bottom: 2px;   
31.     }  
32. .page_title{  
33. font-size:15pt;  
34. LINE-HEIGHT: 150%;   
35. font-weight:bold;  
36. }  
37. </style>  
38.   <table width="100%" border="1" align="center" cellpadding="0" cellspacing="0" bordercolor="#000000"   
39. style="border-collapse:collapse;">  
40.     <tr>  
41.     <td width="15%"  class=td_title  height=20>供应商名称:</td>  
42.     <td width="17%"> </td>  
43.     <td width="16%" class=td_title>供应商编号</td>  
44.     <td width="52%"> </td>  
45.   </tr>  
46.   <tr>  
47.     <td  class=td_title height=20>送货单号:</td>  
48.     <td colspan="3"> </td>  
49.   </tr>  
50.   <tr>  
51.     <td  class=td_title>送货工厂地点 ： </td>  
52.     <td> </td>  
53.     <td class=td_title>送货时间:</td>  
54.     <td><input type="text" name="textfield8" class=input_100></td>  
55.   </tr>  
56.   <tr>  
57.     <td colspan="4">  
58.       
59. <table width="100%" border="1" align="center" cellpadding="0" cellspacing="0" bordercolor="#000000"   
60. style="border-collapse:collapse; " frame=below>  
61.           <tr>  
62.         <td align=center nowrap width=15%>采购订单号</td>  
63.         <td align=center nowrap width=5%>项次</td>  
64.         <td align=center nowrap width=10%>订单类型</td>  
65.         <td align=center nowrap width=15%>物料编号</td>  
66.         <td align=center nowrap width=15%>物料描述</td>  
67.         <td align=center nowrap width=10%>送货数量</td>  
68.         <td align=center nowrap width=15%>单位</td>  
69.         <td align=center nowrap width=15%>批号</td>  
70.       </tr>  
71.       <tr>  
72.         <td> </td>  
73.         <td> </td>  
74.         <td> </td>  
75.         <td> </td>  
76.         <td> </td>  
77.         <td><input name="textfield6" type="text" size="8" class=input_100></td>  
78.         <td> </td>  
79.         <td><input name="textfield7" type="text" class=input_100></td>  
80.       </tr>  
81.         
82.       <tr align="center">  
83.         <td colspan="8">以上内容由供应商填写</td>  
84.       </tr>  
85.     </table>  
86.      <table width="100%" border="1" align="center" cellpadding="0" cellspacing="0" bordercolor="#000000"   
87. style="border-collapse:collapse;" frame=void>   
88.           <tr>  
89.           <td width="15%" align="center" height=20>实际接受数量</td>  
90.             <td width="15%" align="center">接受人签字</td>  
91.           <td width="35%" align="center">实际入库时间</td>  
92.             <td align="center">备注</td>  
93.         </tr>  
94.         <tr>  
95.           <td><input type="text" name="textfield12"  class=input_100></td>  
96.           <td><input type="text" name="textfield13"  class=input_100></td>  
97.           <td align="center" nowrap><input name="textfield322" type="text" size="8"  class=input_1>  
98. 年  
99.   <input name="textfield422" type="text" size="2"  class=input_1>  
100. 月  
101. <input name="textfield522" type="text" size="2"  class=input_1>  
102. 日  
103. <input name="textfield92" type="text" size="2"  class=input_1>  
104. 时</td>  
105.           <td><input type="text" name="textfield14"  class=input_100></td>  
106.         </tr>  
107.         <tr align="center">  
108.           <td colspan="4">以上内容由仓管员填写，今收到有周转胶框（  
109.             <input name="textfield" type="text" size="5"  class=input_1>  
110.           ）个、纸箱（  
111.           <input name="textfield2" type="text" size="5"  class=input_1>  
112.           ）个</td>  
113.         </tr>  
114.       </table>  
115.       </td>  
116.   </tr>  
117.   <tr>  
118.       <td width="15%" class=td_title>供应商确认:</td>  
119.     <td colspan="2" ><input type="text" name="textfield15" class=input_100></td>  
120.     <td class=td_title>应合格入库时间是采购单中交货时间</td>  
121.   </tr>  
122.   <tr align="center">  
123.     <td colspan="4" >共四联：第一联（白联）检验公司、第二联（红联）供应商、第三联（绿联）仓管员、第四联（黄联）财务</td>  
124.   </tr>  
125.   </table>  
126.   <table width="100%"  border="0" cellpadding="0" cellspacing="0">  
127.  <tr align="center">  
128.     <td colspan="4">    
129.    <CENTER>  
130.                               <OBJECT id=WebBrowser height=0 width=0   
131.                               classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2></OBJECT>  
132.                               <DIV id=dayinDiv align=center name="dayinDiv">  
133.                               <P align=center><INPUT onclick=pageshezhi(); type=button value=页面设置 name=Button2>   
134. <INPUT onclick=pageprint(); type=button value=页面打印 name=Button>   
135. <INPUT onclick=prints(); type=button value=打印 name=Button3>   
136. <INPUT class=tab onclick=printpr(); type=button value=打印预览>   
137.                               </P></DIV></CENTER>  
138.   </td>  
139.   </tr>  
140. </table>  
141. <SCRIPT language=VBScript>  
142. dim hkey_root,hkey_path,hkey_key  
143. hkey_root="HKEY_CURRENT_USER"  
144. hkey_path="\Software\Microsoft\Internet Explorer\PageSetup"  
145. '//设置网页打印的页眉页脚为空  
146. function pagesetup_null()  
147. on error resume next  
148. Set RegWsh = CreateObject("WScript.Shell")  
149. hkey_key="\header"   
150. RegWsh.RegWrite hkey_root+hkey_path+hkey_key,""  
151. hkey_key="\footer"  
152. RegWsh.RegWrite hkey_root+hkey_path+hkey_key,""  
153. end function  
154. '//设置网页打印的页眉页脚为默认值  
155. function pagesetup_default()  
156. on error resume next  
157. Set RegWsh = CreateObject("WScript.Shell")  
158. hkey_key="\header"   
159. RegWsh.RegWrite hkey_root+hkey_path+hkey_key,"&w&b页码，&p/&P"  
160. hkey_key="\footer"  
161. RegWsh.RegWrite hkey_root+hkey_path+hkey_key,"&u&b&d"  
162. end function  
163. </SCRIPT>  
164.