HTML 表格打印

cn-done

浏览: 565083 次
性别:
来自: 成都

最近访客更多访客>>

lkkmm

luoshan07

步非烟

lic0112

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

web basic

HTML VBScript Microsoft

打印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_title  height=20>供应商名称:</td>
    <td width="17%"> </td>
    <td width="16%" class=td_title>供应商编号</td>
    <td width="52%"> </td>
  </tr>
  <tr>
    <td  class=td_title height=20>送货单号:</td>
    <td colspan="3"> </td>
  </tr>
  <tr>
    <td  class=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_key
hkey_root="HKEY_CURRENT_USER"
hkey_path="\Software\Microsoft\Internet Explorer\PageSetup"
'//设置网页打印的页眉页脚为空
function pagesetup_null()
on error resume next
Set 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 next
Set 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>

分享到：

JVM 自定义类装载器分析 | Jfreechat 日志

2009-09-29 16:39
浏览 10927
评论(0)
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

HTML 表格打印

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

HTML 表格打印

评论

发表评论

相关推荐

Javascript常用收集

HTTP内容格式详细说明(协议) 2

HTTP内容格式详细说明(协议)

（转）读取js压缩为gzjs格式文件

JS 小技巧

网上搜集的正则表达式

textarea文本自动转行(已解决)

修改HTTP header的属性来实现重定向、定时自动跳转

实现下拉列表单个option的disabled

javasript 实现file图片预览

浮动层实现

理解闭包的概念

小结JS callback 机制

用Javascript实现添加删除表格行

使用CSS处理长字符串

使用Javascript预览本地图片

规规矩矩的写Javascript代码

跨域情况下自适应大小的iframe

使用Javascript预览本地图片

JSTL-EL表达式

最近访客更多访客>>