`

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_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>
  

 

分享到:
评论

相关推荐

    jquery打印HTML表格自动分页

    通过以上步骤,我们可以实现一个高效且用户友好的HTML表格打印自动分页功能。这种方法不仅可以提高用户体验,避免长表格的打印混乱,还可以为开发者提供更多的控制选项,如自定义分页样式和打印设置。在实际项目中,...

    easyui datagrid 表格 打印

    标题“easyui datagrid表格打印”关注的就是如何解决这个问题,即如何将经过formatter处理后的数据在打印时保持原有的格式。 在描述中提到的“支持formatter格式化数据的打印”,指的是Datagrid中用于数据美化和...

    Web Html 分页、表格跨页断裂处理、自定义页眉页脚页码打印控件

    Web打印控件,完美解决以下HTML打印难题 1.Web Html 分页打印 2.内容、图片、表格跨页断裂,封边 3.table并行、并列双边、重边 4.自动计算页码(总数及每一页),样式、位置、形式完全个性化 5.页眉页脚,去除浏览...

    网页报表表格自动分页打印 超好

    总的来说,解决网页表格分页问题需要对HTML和CSS有深入的理解,同时要结合实际的打印环境进行调试。不断试验和调整参数是找到最佳解决方案的关键。通过这种方式,我们可以实现网页报表表格的自动分页打印,确保内容...

    最简单的动态生成表格并实现不同框架打印

    以上就是关于“最简单的动态生成表格并实现不同框架打印”的详细说明。动态表格和框架交互是网页开发中的基本技能,掌握它们可以提高网页的交互性和用户体验。在实际项目中,还可能涉及到异步请求、数据处理、错误...

    VB表格打印控件,支持合并单元格

    "VB表格打印控件"是专为解决这类需求而设计的组件,它能够帮助开发者轻松实现复杂的表格打印功能,包括合并单元格。 这个控件具有以下关键特性: 1. **兼容性**:VB表格打印控件通常与VB6或VB.NET版本兼容,使得...

    利用lodop制作表格的一个demo

    通过学习和应用这个DEMO,开发者可以快速掌握如何在网页应用中集成LODOP,实现高效、灵活的表格打印功能,无论是在网页上预览还是直接打印,都能保证数据的准确性和布局的美观性。对于需要处理大量表格数据并进行...

    动态打印表格的代码,asp.net

    - `getTable()`: 返回一个格式化的HTML表格字符串,该字符串可用于在浏览器中渲染表格或者直接发送到打印机。 #### 2. 方法`getTable()`分析 此方法用于生成HTML表格字符串,其具体步骤如下: - 初始化变量`...

    表格打印模板演示

    表格打印通常涉及到的技术主要包括HTML、CSS以及JavaScript(对于Web应用)或者编程语言如Java、C#(对于桌面应用)。在Web环境中,可能使用到的技术有HTML `&lt;table&gt;` 标签来创建表格,CSS来控制样式,以及...

    c#asp.net表格Html数据模板转换Pdf文件web打印报表dll

    本文将详细探讨如何利用C# ASP.NET处理HTML表格数据,并将其转换为PDF格式,以便进行Web打印和生成PDF报表,以及相关的DLL库的使用。 首先,我们需要了解HTML表格。HTML表格是网页中组织数据的标准方式,它们由`...

    layui的表格table选中数据后可打印本行数据

    本示例主要关注如何在layui的表格中实现选中某一行数据后,仅将该行数据打印的功能。这个功能在数据查看和报告生成等场景中非常实用,可以提高用户的操作体验。 首先,你需要了解layui的表格组件的基本用法。layui...

    html表格中,锁定行头和列头

    在html的表格中,锁定行头和列头,使用样式表,不用加载第三方控件.

    html 实现准考证打印

    在本场景中,"html实现准考证打印"意味着我们需要使用HTML来设计和布局一个准考证页面,以便用户能够打印出清晰、准确的准考证。以下是一些关键的知识点: 1. **HTML结构**:一个标准的HTML文档通常包括`&lt;!DOCTYPE ...

    JAVA的Web打印方式(PageOffice、POI、jacob,html打印等)

    本文将主要介绍使用PageOffice、POI、jacob、html打印等方式来实现Web打印。 一、使用浏览器自带的打印功能直接打印 这种方式是最直接的,方便的,不需要加什么插件jar包,只要前台在一个div中模仿着报表的格式去...

    打印table表格数据

    对于压缩包子文件的文件名称列表中提到的“打印”,我们可以假设这可能是一个HTML文件,用于展示如何使用这个打印功能。另一个JavaScript文件可能是用于处理打印逻辑的核心代码,可能包括以下几个关键点: 1. **...

    打印 发票 表格实现

    "打印发票表格实现"这个主题聚焦于如何在Angular框架下创建并打印一个发票表格的HTML页面。Angular,由Google维护的前端开发框架,以其强大的数据绑定和模块化特性而闻名,非常适合构建动态、交互式的Web应用。 ...

    使用lodop进行html打印

    Lodop还支持更多高级功能,如设置打印范围、页码、页眉页脚,以及处理图片和表格等复杂元素的打印。例如,你可以通过`SET_PRINT_STYLEA`方法来改变字体大小,或者通过`ADD_PRINT_IMAGE`方法添加图片。 在实际应用中...

    采用JQuery实现的打印HTML表格自动按多少行分页,打印时分页

    在前端开发中,有时我们需要将HTML表格的内容打印出来,但默认情况下,HTML表格可能过长,无法在一张纸上完全显示,导致打印效果不佳。为了解决这个问题,我们可以使用JQuery来实现HTML表格的自动分页功能,使得在...

    ASP.NET表格控件打印插件

    ASP.NET表格控件打印插件是一种用于Web应用开发的实用工具,主要针对.NET框架下的ASP.NET平台。这个插件能够帮助开发者实现表格数据的便捷打印和导出为Excel格式的功能,极大地提升了用户交互体验和数据处理效率。在...

Global site tag (gtag.js) - Google Analytics