zoukankan      html  css  js  c++  java
  • WEB打印,分页首行自动带出栏目标题

     <!--startprint-->

    <div style="margin-left: 10px; margin-right: 10px">
    <h3 style="text-align: center">
    动情网科技(厦门)有限公司<br/>
    采购单
    </h3>

    <table width="100%" border="0" cellspacing="0" cellpadding="0" class="tableX" cellspacing="0">
    <tr>
    <td style="text-align: right; background-color: #b7d9c5; 12%;">
    单号
    </td>
    <td align="left" style="25%;">
    <asp:Label ID="lblBH" runat="server"></asp:Label>
    </td>
    <td style="text-align: right; background-color: #b7d9c5; 12%;">
    日期
    </td>
    <td align="left" style="25%;">
    <asp:Label ID="lblDATE" runat="server"></asp:Label>
    </td>

    </tr>
    <!--startprint1-->
    <tr>

    <td colspan="4">打印的时候不打印出来

    </td>

    </tr>
    <!--endprint1-->

    <div style="display: block;" id="tr_rplist">
    <table class="tableX" width="100%">
    <thead style="display:table-header-group;">
    <tr>
    <th style=" 3%; text-align: center; border: 1px solid #000;">
    序号
    </th>
    <th style=" 40%; text-align: center; border: 1px solid #000;">
    采购单号
    </th>

    </tr>
    </thead>
    <tbody>
    <asp:Repeater ID="rplist" runat="server">
    <ItemTemplate>
    <tr>
    <td>
    <%# Container.ItemIndex+1 %>
    </td>
    <td style="text-align: center">

     <%#  Eval("BH")%>

    </td>

    </tr>
    </ItemTemplate>
    </asp:Repeater>
    </tbody>
    </table>
    </div>

    <div style="float:right; padding-right:180px; padding-top:30px; font-weight:bold;"> 厂商签字/盖章:</div>
    </div>
    <!--endprint-->
    <div style=" 100%; text-align:center;">
    <br />
    <input type="button" name="aa" value="打 印" onclick="preview()"/>
    <br />

    <script language="javascript">
    function preview() {
    bdhtml=window.document.body.innerHTML;
    sprnstr="<!--startprint-->";
    eprnstr="<!--endprint-->";
    sprnstr1="<!--startprint1-->";
    eprnstr1="<!--endprint1-->";
    prnhtml=bdhtml.substr(bdhtml.indexOf(sprnstr)+17);
    prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));
    prnhtml = prnhtml.substring(0, prnhtml.indexOf(sprnstr1)) + prnhtml.substr(prnhtml.indexOf(eprnstr1) + 16);
    window.document.body.innerHTML = prnhtml;
    // window.document.getElementsByTagName('body')[0].style.zoom = 95;
    window.print();
    window.document.body.innerHTML=bdhtml;
    }</script>

    打印的时候,要求每页上都要有表头。定义 thead,样式设置成:style="display:table-header-group"。

    如果要求有表尾,定义其tfoot,样式设置成 :style="display:table-footer-group"。

    你的一分支持,是我坚持创作的十分动力。 如果文章的内容对你有帮助的话,请用微信扫描下方二维码,支持一下。谢谢! wechat1
  • 相关阅读:
    解决ListView异步加载数据之后不能点击的问题
    android点击实现图片放大缩小 java技术博客
    关于 数据文件自增长 的一点理解
    RAC 实例不能启动 ORA1589 signalled during ALTER DATABASE OPEN
    Linux 超级用户的权利
    RAC 实例 迁移到 单实例 使用导出导入
    Shell 基本语法
    Linux 开机引导与关机过程
    RAC 实例不能启动 ORA1589 signalled during ALTER DATABASE OPEN
    Oracle RAC + Data Guard 环境搭建
  • 原文地址:https://www.cnblogs.com/shuilong/p/10388101.html
Copyright © 2011-2022 走看看