HTML 表格打印
打印web页面时,表格线设置有些不一样,否则打印出来的表格可能要么变粗,要么不显示。没有样式处理前的表格:
<table border="1" cellpadding="3" cellspacing="0" width="100%" bgcolor="#ffffff" > <tr> <td width="20%" height=20>供应商名称:</td> <td width="12%"> </td> <td width="16%">供应商编号</td> <td width="52%"> </td></tr><tr> <td height=20>送货单号:</td> <td colspan="3"> </td></tr><tr> <td height=20>送货工厂地点 : </td> <td> </td> <td>送货时间:</td> <td><input type="text" name="textfield8"></td></tr><tr> <td colspan="4"> <table border="1" cellpadding="3" cellspacing="0" width="100%" bgcolor="#ffffff" > <tr> <td>采购订单号</td> <td>项次</td> <td>订单类型</td> <td>物料编号</td> <td>物料描述</td> <td>送货数量</td> <td>单位</td> <td>批号</td> </tr> <tr> <td height="17"> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td><input name="textfield6" type="text" size="8"></td> <td> </td> <td><input name="textfield7" type="text"></td> </tr> <tr align="center"> <td colspan="8">以上内容由供应商填写</td> </tr> </table> <table border="1" cellpadding="3" cellspacing="0" width="100%" bgcolor="#ffffff" > <tr> <td width="21%" align="center">实际接受数量</td> <td width="23%" align="center">接受人签字</td> <td width="35%" align="center">实际入库时间</td> <td width="21%" align="center">备注</td> </tr> <tr> <td><input type="text" name="textfield12"></td> <td><input type="text" name="textfield13"></td> <td align="center"><input name="textfield322" type="text" size="5">年<input name="textfield422" type="text" size="5">月<input name="textfield522" type="text" size="5">日<input name="textfield92" type="text" size="5">时</td> <td><input type="text" name="textfield14"></td> </tr> <tr align="center"> <td colspan="4">以上内容由仓管员填写,今收到有周转胶框( <input name="textfield" type="text" size="5"> )个、纸箱( <input name="textfield2" type="text" size="5"> )个</td> </tr> </table></td></tr><tr> <td>供应商确认:</td> <td colspan="2" height=20><input type="text" name="textfield15"></td> <td>应合格入库时间是采购单中交货时间</td></tr><tr align="center"> <td colspan="4" height=20>共四联:第一联(白联)检验公司、第二联(红联)供应商、第三联(绿联)仓管员、第四联(黄联)财务</td></tr></table>
表格线变细方法:
<table width="100%" border="1" align="center" cellpadding="0" cellspacing="0" bordercolor="#000000" style="border-collapse:collapse; " > <tr> <td align=center nowrap width=15%>采购订单号</td> <td align=center nowrap width=5%>项次</td> <td align=center nowrap width=10%>订单类型</td> <td align=center nowrap width=15%>物料编号</td> <td align=center nowrap width=15%>物料描述</td> <td align=center nowrap width=10%>送货数量</td> <td align=center nowrap width=15%>单位</td> <td align=center nowrap width=15%>批号</td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td><input name="textfield6" type="text" size="8" class=input_100></td> <td> </td> <td><input name="textfield7" type="text" class=input_100></td> </tr> </table>
表格的周边框只显示底线:
<table width="100%" border="1" align="center" cellpadding="0" cellspacing="0" bordercolor="#000000" style="border-collapse:collapse; "frame=below> <tr> <td align=center nowrap width=15%>采购订单号</td> <td align=center nowrap width=5%>项次</td> <td align=center nowrap width=10%>订单类型</td> <td align=center nowrap width=15%>物料编号</td> <td align=center nowrap width=15%>物料描述</td> <td align=center nowrap width=10%>送货数量</td> <td align=center nowrap width=15%>单位</td> <td align=center nowrap width=15%>批号</td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td><input name="textfield6" type="text" size="8" class=input_100></td> <td> </td> <td><input name="textfield7" type="text" class=input_100></td> </tr> </table>
表格的周边框全部不显示:
<table width="100%" border="1" align="center" cellpadding="0" cellspacing="0" bordercolor="#000000" style="border-collapse:collapse; " frame=void> <tr> <td align=center nowrap width=15%>采购订单号</td> <td align=center nowrap width=5%>项次</td> <td align=center nowrap width=10%>订单类型</td> <td align=center nowrap width=15%>物料编号</td> <td align=center nowrap width=15%>物料描述</td> <td align=center nowrap width=10%>送货数量</td> <td align=center nowrap width=15%>单位</td> <td align=center nowrap width=15%>批号</td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td><input name="textfield6" type="text" size="8" class=input_100></td> <td> </td> <td><input name="textfield7" type="text" class=input_100></td> </tr> </table> 样式处理后的表格,同时,打印时可控制不出现页眉页脚.并可隐藏打印提交等按钮:
<style> table {font-size:9pt;LINE-HEIGHT: 150%; } td{font-size:9pt;LINE-HEIGHT: 150%; }.td_title{padding-left: 2px; } .input_100{BORDER-RIGHT: #cccccc 1px solid;BORDER-LEFT: #cccccc 1px solid;BORDER-BOTTOM: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; MARGIN-left: 2px; MARGIN-right:2px;MARGIN-top: 2px; MARGIN-bottom: 2px; width:100%}.input_1{BORDER-RIGHT: #cccccc 1px solid;BORDER-LEFT: #cccccc 1px solid;BORDER-BOTTOM: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; MARGIN-left: 2px; MARGIN-right:2px;MARGIN-top: 2px; MARGIN-bottom: 2px; }.page_title{font-size:15pt;LINE-HEIGHT: 150%; font-weight:bold;}</style><table width="100%" border="1" align="center" cellpadding="0" cellspacing="0" bordercolor="#000000" style="border-collapse:collapse;"> <tr> <td width="15%"class=td_titleheight=20>供应商名称:</td> <td width="17%"> </td> <td width="16%" class=td_title>供应商编号</td> <td width="52%"> </td></tr><tr> <tdclass=td_title height=20>送货单号:</td> <td colspan="3"> </td></tr><tr> <tdclass=td_title>送货工厂地点 : </td> <td> </td> <td class=td_title>送货时间:</td> <td><input type="text" name="textfield8" class=input_100></td></tr><tr> <td colspan="4"><table width="100%" border="1" align="center" cellpadding="0" cellspacing="0" bordercolor="#000000" style="border-collapse:collapse; " frame=below> <tr> <td align=center nowrap width=15%>采购订单号</td> <td align=center nowrap width=5%>项次</td> <td align=center nowrap width=10%>订单类型</td> <td align=center nowrap width=15%>物料编号</td> <td align=center nowrap width=15%>物料描述</td> <td align=center nowrap width=10%>送货数量</td> <td align=center nowrap width=15%>单位</td> <td align=center nowrap width=15%>批号</td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td><input name="textfield6" type="text" size="8" class=input_100></td> <td> </td> <td><input name="textfield7" type="text" class=input_100></td> </tr> <tr align="center"> <td colspan="8">以上内容由供应商填写</td> </tr> </table> <table width="100%" border="1" align="center" cellpadding="0" cellspacing="0" bordercolor="#000000" style="border-collapse:collapse;" frame=void> <tr> <td width="15%" align="center" height=20>实际接受数量</td> <td width="15%" align="center">接受人签字</td> <td width="35%" align="center">实际入库时间</td> <td align="center">备注</td> </tr> <tr> <td><input type="text" name="textfield12"class=input_100></td> <td><input type="text" name="textfield13"class=input_100></td> <td align="center" nowrap><input name="textfield322" type="text" size="8"class=input_1>年<input name="textfield422" type="text" size="2"class=input_1>月<input name="textfield522" type="text" size="2"class=input_1>日<input name="textfield92" type="text" size="2"class=input_1>时</td> <td><input type="text" name="textfield14"class=input_100></td> </tr> <tr align="center"> <td colspan="4">以上内容由仓管员填写,今收到有周转胶框( <input name="textfield" type="text" size="5"class=input_1> )个、纸箱( <input name="textfield2" type="text" size="5"class=input_1> )个</td> </tr> </table></td></tr><tr> <td width="15%" class=td_title>供应商确认:</td> <td colspan="2" ><input type="text" name="textfield15" class=input_100></td> <td class=td_title>应合格入库时间是采购单中交货时间</td></tr><tr align="center"> <td colspan="4" >共四联:第一联(白联)检验公司、第二联(红联)供应商、第三联(绿联)仓管员、第四联(黄联)财务</td></tr></table><table width="100%"border="0" cellpadding="0" cellspacing="0"> <tr align="center"> <td colspan="4"> <CENTER> <OBJECT id=WebBrowser height=0 width=0 classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2></OBJECT> <DIV id=dayinDiv align=center name="dayinDiv"> <P align=center><INPUT onclick=pageshezhi(); type=button value=页面设置 name=Button2> <INPUT onclick=pageprint(); type=button value=页面打印 name=Button> <INPUT onclick=prints(); type=button value=打印 name=Button3> <INPUT class=tab onclick=printpr(); type=button value=打印预览> </P></DIV></CENTER></td></tr></table><SCRIPT language=VBScript>dim hkey_root,hkey_path,hkey_keyhkey_root="HKEY_CURRENT_USER"hkey_path="\Software\Microsoft\Internet Explorer\PageSetup"'//设置网页打印的页眉页脚为空function pagesetup_null()on error resume nextSet RegWsh = CreateObject("WScript.Shell")hkey_key="\header" RegWsh.RegWrite hkey_root+hkey_path+hkey_key,""hkey_key="\footer"RegWsh.RegWrite hkey_root+hkey_path+hkey_key,""end function'//设置网页打印的页眉页脚为默认值function pagesetup_default()on error resume nextSet RegWsh = CreateObject("WScript.Shell")hkey_key="\header" RegWsh.RegWrite hkey_root+hkey_path+hkey_key,"&w&b页码,&p/&P"hkey_key="\footer"RegWsh.RegWrite hkey_root+hkey_path+hkey_key,"&u&b&d"end function</SCRIPT>
页:
[1]