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
  • 相关阅读:
    通达信自动交易软件 z
    keybd_event跟SendMessage,PostMessage模拟键盘消息的区别 z
    55人班37人进清华北大的金牌教师之32条教育建言! z
    SafeHandle和Dispose z
    Path类型的扩展方法 z
    BinaryReader和BinaryWriter的leaveOpen参数 z
    SQL locate()函数
    MySQL 的instr函数
    新建实体的字段不能够是数据库的关键字
    JS isNaN()函数
  • 原文地址:https://www.cnblogs.com/shuilong/p/10388101.html
Copyright © 2011-2022 走看看