Question

我想建立一个可打印的html页面。此页面在每个页面上都需要页眉和页脚（在每页的顶部和底部）。 Page本身包含一个带有table-row-group和table-header的表（以及更多的数据）。

我的问题是，该表不会在此页面上的fixed-div周围浮动。 div覆盖了表格。

所以我寻找一个让桌子漂浮的解决方案＆＃34;围绕＆＃34;每页上的2个div并对行元素进行分组。

这是我目前尝试解决的问题之一，但它无法正常工作。

这个＆＃34;项目的目标＆＃34;是打印机打印出来的。

我可以接受所有其他可能的灵魂，只要它是原生的html，JS和/或css，但没有jquery或其他类似的东西。解决方案必须只适用于firefox 20（没有其他浏览器）

哦..和＆＃34; DOCTYPE＆＃34;必须是我使用的版本

THX这么多+问候迅

＆＃13;

<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <style type="text/css">
   @page{margin:3mm 3mm 3mm 3mm;}
   body{color:#000000;background-color:#FFFFFF;overflow:scroll;font-size:12px;font-family:verdana,arial,helvetica,sans-serif,lucida console,fixedsys;padding:0px;margin:0px;border-spacing:0px;}
  </style>
 <body>
 <div style="width:20cm;position:fixed;top:0;font-size:0.8em;float:left;">
  <table style="width:100%;">
   <tr>
    <td style="text-align:left;"><img src="img.png" style="max-width:5cm;max-height:3cm;vertical-align:top;"></td>
    <td><a href="test1.html"><b>REFRESH</b></a></td>
    <td style="text-align:right;vertical-align:top;">
     <table align="right">
      <tr><td>Phone:</td><td>&nbsp;</td><td>[+49] 12 34 / 5 67 89</td></tr>
      <tr><td>Fax:</td><td>&nbsp;</td><td>[+49] 12 34 / 5 67 89</td></tr>
      <tr><td>Web:</td><td>&nbsp;</td><td><a href="HTTP://foo.bar">HTTP://foo.bar</a></td></tr>
      <tr><td>E-Mail:</td><td>&nbsp;</td><td><a href="mailto:roo@foo.bar">roo@foo.bar</a></td></tr>
     </table>
    </td>
   </tr>
  </table>
 </div>
 <div style="width:20cm;position:fixed;bottom:0;">
  <hr style="border:1px solid #000000;">
  <table style="width:100%;font-size:0.7em;">
   <tr>
    <td style="text-align:right;vertical-align:top;"><b>Bank:</b></td>
    <td>&nbsp;</td>
    <td style="text-align:left;vertical-align:top;">
     <table align="left">
      <tr><td>User:</td><td>&nbsp;</td><td>abc def</td></tr>
      <tr><td>Inst:</td><td>&nbsp;</td><td>xyz-Bank</td></tr>
      <tr><td>Kto Nr.:</td><td>&nbsp;</td><td>123456</td></tr>
      <tr><td>BLZ:</td><td>&nbsp;</td><td>123456789</td></tr>
      <tr><td>IBAN/SEPA:</td><td>&nbsp;</td><td>DE123456789123456789</td></tr>
      <tr><td>BIC/SWIFT:</td><td>&nbsp;</td><td>ABC123DEF456</td></tr>
     </table>
    </td>
    <td>&nbsp;</td>
    <td style="text-align:right;vertical-align:top;"><b>Kontakt:</b></td>
    <td>&nbsp;</td>
    <td style="text-align:left;vertical-align:top;">
     <table cellpadding="0" align="left">
      <tr><td>Post:</td><td>&nbsp;</td><td>foo bar, blub com, too roo</td></tr>
      <tr><td>Phone:</td><td>&nbsp;</td><td>[+49] 12 34 / 5 67 89</td></tr>
      <tr><td>Fax:</td><td>&nbsp;</td><td>[+49] 12 34 / 5 67 89</td></tr>
      <tr><td>Web:</td><td>&nbsp;</td><td><a href="HTTP://foo.bar">HTTP://foo.bar</a></td></tr>
      <tr><td>E-Mail:</td><td>&nbsp;</td><td><a href="mailto:roo@foo.bar">roo@foo.bar</a></td></tr>
     </table>
    </td>
   </tr>
  </table>
 </div>

<table style="width:20cm;margin:0px;padding:0px;border-spacing:0px;border:1px solid #000000;">
 <tr>
  <td>
 <table style="width:100%;">
  <tr>
   <td>
<small><small>
xyzfirma<br>
abc def ghi jkl mno pqr</small></small>
<br>
<big><big><b>Empf&auml;nger:</b><br>
jombo rombo<br>
kalinka 123<br>
12345 heidana<br>Deutschland</big></big>
   </td>
   <td style="text-align:right;vertical-align:top;"><big><b>Datum: 12.34.5678</b></big></td>
  </tr>
 </table>
  </td>
 </tr>
</table>


<table style="width:20cm;margin:0px;padding:0px;border-spacing:0px;border:1px solid #000000;display:table-row-group;">
 <tr><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td><td>123456789</td></tr>
 <tr><td>123456789</td><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td></tr>
 <tr><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td><td>123456789</td></tr>
 <tr><td>123456789</td><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td></tr>
 <tr><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td><td>123456789</td></tr>
 <tr><td>123456789</td><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td></tr>
 <tr><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td><td>123456789</td></tr>
 <tr><td>123456789</td><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td></tr>
 <tr><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td><td>123456789</td></tr>
 <tr><td>123456789</td><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td></tr>
 <tr><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td><td>123456789</td></tr>
 <tr><td>123456789</td><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td></tr>
 <tr><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td><td>123456789</td></tr>
 <tr><td>123456789</td><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td></tr>
 <tr><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td><td>123456789</td></tr>
 <tr><td>123456789</td><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td></tr>
 <tr><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td><td>123456789</td></tr>
 <tr><td>123456789</td><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td></tr>
 <tr><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td><td>123456789</td></tr>
 <tr><td>123456789</td><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td></tr>
 <tr><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td><td>123456789</td></tr>
 <tr><td>123456789</td><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td></tr>
 <tr><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td><td>123456789</td></tr>
 <tr><td>123456789</td><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td></tr>
 <tr><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td><td>123456789</td></tr>
 <tr><td>123456789</td><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td></tr>
 <tr><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td><td>123456789</td></tr>
 <tr><td>123456789</td><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td></tr>
 <tr><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td><td>123456789</td></tr>
 <tr><td>123456789</td><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td></tr>
 <tr><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td><td>123456789</td></tr>
 <tr><td>123456789</td><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td></tr>
 <tr><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td><td>123456789</td></tr>
 <tr><td>123456789</td><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td></tr>
 <tr><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td><td>123456789</td></tr>
 <tr><td>123456789</td><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td></tr>
</table>

 </body>
</html>

＆＃13;

Answer 1

我找到了一个对我有用的解决方案。

诀窍是添加2个div ..一个用于标题，一个用于页脚然后添加一个表格，其中包含空的thead，tfoot和带有内容的tbody。使用JS将thead和tfoot的大小设置为每个div的clientheight。

这将在每页的“sriped”表的顶部和底部“放置”占位符。这个占位符可以使用固定的div容器进行透支。使用固定div可以在页面顶部设置页脚的最后一页。

这是它（如果有其他人有相同的问题）（仅适用于“打印”此页面。查看看起来会很疯狂）

<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <script type="text/javascript" src="/jwplayer/jwplayer.js"></script>
  <style type="text/css">
   @page{margin:3mm 3mm 3mm 3mm;}
   body{color:#000000;background-color:#FFFFFF;overflow:scroll;font-size:12px;font-family:verdana,arial,helvetica,sans-serif,lucida console,fixedsys;padding:0px;margin:0px;border-spacing:0px;}
  </style>

  <script type="text/javascript">
   function printpagerebuild(){
    document.getElementById("tableheader").style.height = document.getElementById("pageheader").clientHeight + 'px';
    document.getElementById("tablefooter").style.height = document.getElementById("pagefooter").clientHeight + 'px';
   }
   
   window.onload = function(){printpagerebuild();};
  </script>


 <body style="margin-bottom:50px;">
 <div id="pageheader" style="width:20cm;position:fixed;top:0;font-size:0.8em;float:left;">
  <table style="width:100%;">
   <tr>
    <td style="text-align:left;"><img src="img.png" style="max-width:5cm;max-height:3cm;vertical-align:top;"></td>
    <td><a href="test1.html"><b>REFRESH</b></a></td>
    <td style="text-align:right;vertical-align:top;">
     <table align="right">
      <tr><td>Phone:</td><td>&nbsp;</td><td>[+49] 12 34 / 5 67 89</td></tr>
      <tr><td>Fax:</td><td>&nbsp;</td><td>[+49] 12 34 / 5 67 89</td></tr>
      <tr><td>Web:</td><td>&nbsp;</td><td><a href="HTTP://foo.bar">HTTP://foo.bar</a></td></tr>
      <tr><td>E-Mail:</td><td>&nbsp;</td><td><a href="mailto:roo@foo.bar">roo@foo.bar</a></td></tr>
     </table>
    </td>
   </tr>
  </table>
 </div>
 <div id="pagefooter" style="width:20cm;position:fixed;bottom:0;">
  <hr style="border:1px solid #000000;">
  <table style="width:100%;font-size:0.7em;">
   <tr>
    <td style="text-align:right;vertical-align:top;"><b>Bankverbindung:</b></td>
    <td>&nbsp;</td>
    <td style="text-align:left;vertical-align:top;">
     <table align="left">
      <tr><td>Inhaber:</td><td>&nbsp;</td><td>abc def</td></tr>
      <tr><td>Institut:</td><td>&nbsp;</td><td>xyz-Bank</td></tr>
      <tr><td>Konto Nr.:</td><td>&nbsp;</td><td>123456</td></tr>
      <tr><td>Bankleitzahl:</td><td>&nbsp;</td><td>123456789</td></tr>
      <tr><td>IBAN/SEPA:</td><td>&nbsp;</td><td>DE123456789123456789</td></tr>
      <tr><td>BIC/SWIFT:</td><td>&nbsp;</td><td>ABC123DEF456</td></tr>
     </table>
    </td>
    <td>&nbsp;</td>
    <td style="text-align:right;vertical-align:top;"><b>Kontakt:</b></td>
    <td>&nbsp;</td>
    <td style="text-align:left;vertical-align:top;">
     <table cellpadding="0" align="left">
      <tr><td>Post:</td><td>&nbsp;</td><td>foo bar, blub com, too roo</td></tr>
      <tr><td>Phone:</td><td>&nbsp;</td><td>[+49] 12 34 / 5 67 89</td></tr>
      <tr><td>Fax:</td><td>&nbsp;</td><td>[+49] 12 34 / 5 67 89</td></tr>
      <tr><td>Web:</td><td>&nbsp;</td><td><a href="HTTP://foo.bar">HTTP://foo.bar</a></td></tr>
      <tr><td>E-Mail:</td><td>&nbsp;</td><td><a href="mailto:roo@foo.bar">roo@foo.bar</a></td></tr>
     </table>
    </td>
   </tr>
  </table>
 </div>



<table style="width:20cm;margin:0px;padding:0px;border-spacing:0px;border:1px solid #000000;display:table-row-group;">
<thead id="tableheader">
 <tr><td>&nbsp;</td></tr>
</thead>
<tfoot id="tablefooter">
 <tr><td>&nbsp;</td></tr>
</tfoot>
<tbody>
 <tr><td>
<table style="width:20cm;margin:0px;padding:0px;border-spacing:0px;border:1px solid #000000;">
 <tr>
  <td>
 <table style="width:100%;">
  <tr>
   <td>
<small><small>
xyzfirma<br>
abc def ghi jkl mno pqr</small></small>
<br>
<big><big><b>Empf&auml;nger:</b><br>
jombo rombo<br>
kalinka 123<br>
12345 heidana<br>Deutschland</big></big>
   </td>
   <td style="text-align:right;vertical-align:top;"><big><b>Datum: 12.34.5678</b></big></td>
  </tr>
 </table>
  </td>
 </tr>
</table>
 </tr></td>
 <tr><td>
  <table style="width:100%;">
 <tr><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td><td>123456789</td></tr>
 <tr><td>123456789</td><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td></tr>
 <tr><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td><td>123456789</td></tr>
 <tr><td>123456789</td><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td></tr>
 <tr><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td><td>123456789</td></tr>
 <tr><td>123456789</td><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td></tr>
 <tr><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td><td>123456789</td></tr>
 <tr><td>123456789</td><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td></tr>
 <tr><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td><td>123456789</td></tr>
 <tr><td>123456789</td><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td></tr>
 <tr><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td><td>123456789</td></tr>
 <tr><td>123456789</td><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td></tr>
 <tr><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td><td>123456789</td></tr>
 <tr><td>123456789</td><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td></tr>
 <tr><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td><td>123456789</td></tr>
 <tr><td>123456789</td><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td></tr>
 <tr><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td><td>123456789</td></tr>
 <tr><td>123456789</td><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td></tr>
 <tr><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td><td>123456789</td></tr>
 <tr><td>123456789</td><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td></tr>
 <tr><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td><td>123456789</td></tr>
 <tr><td>123456789</td><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td></tr>
 <tr><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td><td>123456789</td></tr>
 <tr><td>123456789</td><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td></tr>
 <tr><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td><td>123456789</td></tr>
 <tr><td>123456789</td><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td></tr>
 <tr><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td><td>123456789</td></tr>
 <tr><td>123456789</td><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td></tr>
 <tr><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td><td>123456789</td></tr>
 <tr><td>123456789</td><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td></tr>
 <tr><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td><td>123456789</td></tr>
 <tr><td>123456789</td><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td></tr>
 <tr><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td><td>123456789</td></tr>
 <tr><td>123456789</td><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td></tr>
 <tr><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td><td>123456789</td></tr>
 <tr><td>123456789</td><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td></tr>
 <tr><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td><td>123456789</td></tr>
 <tr><td>123456789</td><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td></tr>
 <tr><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td><td>123456789</td></tr>
 <tr><td>123456789</td><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td></tr>
 <tr><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td><td>123456789</td></tr>
 <tr><td>123456789</td><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td></tr>
 <tr><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td><td>123456789</td></tr>
 <tr><td>123456789</td><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td></tr>
 <tr><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td><td>123456789</td></tr>
 <tr><td>123456789</td><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td></tr>
 <tr><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td><td>123456789</td></tr>
 <tr><td>123456789</td><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td></tr>
 <tr><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td><td>123456789</td></tr>
 <tr><td>123456789</td><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td></tr>
 <tr><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td><td>123456789</td></tr>
 <tr><td>123456789</td><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td></tr>
 <tr><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td><td>123456789</td></tr>
  </table>
 </td></tr>
</tbody>
</table>

 </body>
</html>

使用固定的div页眉和带有table-row-group的页脚打印html

1 个答案: