多页报表在打印时，如何实现每页的第一行都自动附加报表的表头

<style>
@media screen{.pt{display:none}}
</style>
<div class=pt>表头栏1</div>
<div>第一页</div>
<div class=pt style="page-break-before:always">表头栏2</div>
<div>第二页</div>
<div class=pt style="page-break-before:always">表头栏3</div>
<div>第三页</div>

解决方案 »

  1.   

    秋水，爱死你了。
    能象word那样打印表格的时候自动每页带表头行吗？
      

  2.   

    只是一个示范，实际使用时数据要从服务器端生成到网页中。<html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>emu's sample of printing with title</title>
    <style>
    @media screen{.onlyPrint{display:none}}
    @media print{.onlyShow{display:none} .onlyPrint{page-break-before:always}}
    </style>
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    // 这里定义每页能打印多少行
    //模拟数据
    var titleData=["col1","col2","col3","col4","col5","col6","col7","col8","col9","col10"]
    var data = new Array()
    function buildTable()
    {
    while (show.children.length>0)
    show.deleteRow(show.children.length-1)
    for (var i=0;i<200;i++)
    {
    data[i] = new Array();
    for (var j=0;j<titleData.length;j++)
    data[i][j]=parseInt(Math.random()*1000)
    }
    //------------------------------------------------------
    // 构造显示
    var tr = show.insertRow();
    for (var i=0;i<titleData.length;i++)
    {
    tr.insertCell().innerText=titleData[i];
    }
    for (var i=0;i<data.length;i++)
    {
    if (i%linesPerPage.value == 0 && i>0) 
    show.insertBefore(show.firstChild.cloneNode(true)).className = "onlyPrint"
    tr = show.insertBefore(show.firstChild.cloneNode(true));
    for (var j=0;j<data[i].length;j++)
    {
    tr.children[j].innerText=data[i][j];
    }
    }
    }
    function pageSetup(){try{WB.ExecWB(8,1)}catch(e){alert("您的浏览器不支持此功能")}}
    function preView(){try{WB.ExecWB(7,1)}catch(e){alert("您的浏览器不支持此功能")}}
    //-->
    </SCRIPT>
    </head>
    <body onload="buildTable()">
    <OBJECT classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 id=WB width=0 VIEWASTEXT></OBJECT>
    <center class=onlyShow>
    设定每页打印<input id=linesPerPage size=4 value=30>行 &nbsp; &nbsp;
    <button onclick='pageSetup()'>页面设置</button>
    &nbsp;<button onClick='buildTable();preView()'>打印预览</button><BR><BR>
    </center>
    <table bgcolor=balck cellspacing=1 cellpadding=3 align=center width=70%>
    <tbody bgcolor=white id=show></tbody>
    </table>
    </body>
    </html>
      

  3.   

    IE6+可以打印预览。
    打印时要打开IE的打印网页背景和颜色选项。
      

  4.   

    一点说明：我习惯了用javascript对大量的数据进行分页和排序，所以前面的例子把数据都放在数组再生成表格。对于小数据量直接显示的表格，可以参考下面的代码：<html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>emu's sample of printing with title</title>
    <style>
    @media screen{.onlyPrint{display:none}}
    @media print{.onlyShow{display:none} .onlyPrint{page-break-before:always}}
    </style>
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    // 这里定义每页能打印多少行
    //模拟数据
    function prepare()
    {
    var ar = new Array()
    for (var i=parseInt(linesPerPage.value);i<(show.children.length-1); i+=parseInt(linesPerPage.value))
    {
    var tr = show.insertBefore(show.firstChild.cloneNode(true),show.children[i]);
    tr.className = "onlyPrint"
    ar[ar.length] = tr;
    }
    preView();
    for (var i=ar.length-1;i>-1;i--)
    show.deleteRow(ar[i].rowIndex)
    }
    function pageSetup(){try{WB.ExecWB(8,1)}catch(e){alert("您的浏览器不支持此功能")}}
    function preView(){try{WB.ExecWB(7,1)}catch(e){alert("您的浏览器不支持此功能")}}
    //-->
    </SCRIPT>
    </head>
    <body>
    <OBJECT classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 id=WB width=0 VIEWASTEXT></OBJECT>
    <center class=onlyShow>
    设定每页打印<input id=linesPerPage size=4 value=10>行 &nbsp; &nbsp;
    <button onclick='pageSetup()'>页面设置</button>
    &nbsp;<button onClick='prepare()'>打印预览</button><BR><BR>
    </center>
    <table bgcolor=balck cellspacing=1 cellpadding=3 align=center>
    <tbody bgcolor=white id=show>
    <tr>
    <td>员工号</td><td>姓名</td><td>职务</td><td>部门</td><td>扣税</td><td>上月结余</td><td>实发工资</td><td>应发工资</td><td>应扣款</td></tr>
    <tr><td>0009</td><td>sdfa</td><td>副总裁</td><td>技术部</td><td>150.57</td><td>0.0</td><td>3706.61</td><td>3857.18</td><td>150.57</td></tr>
    <tr><td>1000</td><td>赵志燕</td><td>总裁</td><td>技术部</td><td>0.0</td><td>0.0</td><td>2204.98</td><td>2221.62</td><td>16.64</td></tr>
    <tr><td>1001</td><td>赵志平</td><td>副总裁</td><td>金工车间</td><td>122.74</td><td>0.0</td><td>3599.18</td><td>3739.52</td><td>140.33</td></tr>
    <tr><td>1002</td><td>赵志勇</td><td>副总裁</td><td>生产部</td><td>324.6</td><td>0.0</td><td>5532.95</td><td>5857.56</td><td>324.6</td></tr>
    <tr><td>1003</td><td>赵志华</td><td>副总裁</td><td>质量管理部</td><td>859.69</td><td>0.0</td><td>11155.8</td><td>12016.21</td><td>860.41</td></tr>
    <tr><td>1004</td><td>赵志强</td><td>总经理</td><td>注塑班</td><td>726.58</td><td>0.0</td><td>9757.66</td><td>10484.84</td><td>727.18</td></tr>
    <tr><td>1005</td><td>赵小燕</td><td>副总经理</td><td>计划调度室</td><td>8.98</td><td>0.0</td><td>2036.64</td><td>2045.62</td><td>8.98</td></tr>
    <tr><td>1006</td><td>赵小平</td><td>副总经理</td><td>采购部</td><td>125.02</td><td>0.0</td><td>3438.49</td><td>3563.52</td><td>125.02</td></tr>
    <tr><td>1007</td><td>赵小勇</td><td>副总经理</td><td>销售部</td><td>309.29</td><td>0.0</td><td>5372.26</td><td>5681.56</td><td>309.29</td></tr>
    <tr><td>1008</td><td>赵小华</td><td>经理助理</td><td>用户服务部</td><td>0.0</td><td>0.0</td><td>11148.49</td><td>12008.21</td><td>859.71</td></tr>
    <tr><td>1009</td><td>赵小强</td><td>经理助理</td><td>质量管理部</td><td>726.32</td><td>0.0</td><td>9754.92</td><td>10481.84</td><td>726.92</td></tr>
    <tr><td>1010</td><td>赵燕</td><td>经理助理</td><td>海外市场部</td><td>8.98</td><td>0.0</td><td>2036.64</td><td>2045.62</td><td>8.98</td></tr>
    <tr><td>1011</td><td>赵平</td><td>部门经理</td><td>营销部</td><td>125.02</td><td>0.0</td><td>3438.49</td><td>3563.52</td><td>125.02</td></tr>
    <tr><td>1012</td><td>赵勇</td><td>部门经理</td><td>开发部</td><td>309.29</td><td>0.0</td><td>5372.26</td><td>5681.56</td><td>309.29</td></tr>
    <tr><td>1013</td><td>赵华</td><td>部门经理</td><td>公司</td><td>859.0</td><td>0.0</td><td>11148.49</td><td>12008.21</td><td>859.71</td></tr>
    <tr><td>1014</td><td>赵强</td><td>部门经理</td><td>总裁办公室</td><td>726.32</td><td>0.0</td><td>9754.92</td><td>10481.84</td><td>726.92</td></tr>
    <tr><td>1015</td><td>赵海燕</td><td>部门经理</td><td>企业发展部</td><td>8.98</td><td>0.0</td><td>2036.64</td><td>2045.62</td><td>8.98</td></tr>
    <tr><td>1016</td><td>赵海平</td><td>部门经理</td><td>质量管理部</td><td>125.02</td><td>0.0</td><td>3438.49</td><td>3563.52</td><td>125.02</td></tr>
    <tr><td>1017</td><td>赵海勇</td><td>部门经理</td><td>计划财经部</td><td>309.29</td><td>0.0</td><td>5372.26</td><td>5681.56</td><td>309.29</td></tr>
    <tr><td>1018</td><td>赵海华</td><td>部门经理</td><td>人事行政部</td><td>859.0</td><td>0.0</td><td>11148.49</td><td>12008.21</td><td>859.71</td></tr>
    <tr><td>1019</td><td>赵海强</td><td>部门经理</td><td>技术科</td><td>726.32</td><td>0.0</td><td>9754.92</td><td>10481.84</td><td>726.92</td></tr>
    <tr><td>1020</td><td>赵健燕</td><td>部门经理</td><td>小冲压</td><td>8.98</td><td>0.0</td><td>2036.64</td><td>2045.62</td><td>8.98</td></tr>
    <tr><td>1021</td><td>赵健平</td><td>部门经理</td><td>大冲压</td><td>125.02</td><td>0.0</td><td>3438.49</td><td>3563.52</td><td>125.02</td></tr>
    <tr><td>1022</td><td>赵健勇</td><td>部门经理</td><td>计划调度室</td><td>309.29</td><td>0.0</td><td>5372.26</td><td>5681.56</td><td>309.29</td></tr>
    <tr><td>1023</td><td>赵健华</td><td>部门经理</td><td>生产部</td><td>859.0</td><td>0.0</td><td>11148.49</td><td>12008.21</td><td>859.71</td></tr>
    <tr><td>1024</td><td>赵健强</td><td>部门经理</td><td>质量管理部</td><td>726.32</td><td>0.0</td><td>9754.92</td><td>10481.84</td><td>726.92</td></tr>
    <tr><td>1026</td><td>赵国平</td><td>部门经理</td><td>管理组</td><td>125.02</td><td>0.0</td><td>3438.49</td><td>3563.52</td><td>125.02</td></tr>
    <tr><td>1027</td><td>赵国勇</td><td>部门经理</td><td>采购部</td><td>309.29</td><td>0.0</td><td>5372.26</td><td>5681.56</td><td>309.29</td></tr>
    <tr><td>1028</td><td>赵国华</td><td>部门经理</td><td>业务员</td><td>859.0</td><td>0.0</td><td>11148.49</td><td>12008.21</td><td>859.71</td></tr>
    <tr><td>1029</td><td>赵国强</td><td>部门经理</td><td>销售部</td><td>726.32</td><td>0.0</td><td>9754.92</td><td>10481.84</td><td>726.92</td></tr>
    </tbody>
    </table>
    </body>
    </html>
      

  5.   

    呵呵，有些原来的注释忘了去掉。IE6+可以打印预览。记得打开IE的“打印网页颜色背景”选项。上面的这种分页做法是秋水建议的。