HTML - CSS - 印刷ページ - ヘッダ繰り返しヘッダ1とヘッダ2は、印刷風景の中に、すべてのページに</p> <p><a href="https://fiddle.jshell.net/6mvucked/" rel="nofollow">https://fiddle.jshell.net/6mvucked/</a></p> <p>存在しない理由

Question

を動作していないが、高さヘッダが限度であると思われます。すべてのページに表示されない値以上の場合

なぜですか？

Answer 1

あなたのjavascriptのは、そのIDが "テスト" でのみコンテナに100行を追加します。あなたは同じヘッダのTBODYで発生する場合 だから、単にヘッダ内の1つの中に

<tbody id="test"> 

を書きます。 しかし、その場合は、id = "test"の最初のタグに100行追加されるため、ヘッダtbodyでは100行、その他のtbodyでは100行しか表示されません。

したがって、両方または多くのtbodyに100またはx個の行を追加する必要がある場合は、それらに別々のIDを与えて、javascriptで別々の関数を作成します。このよう ：

<table> 
     <teahd> 
      <tr> 
       <td>ok , no problem, but show only in first page and not repeat</td> 
       <td> 
       <table> 
        <tbody id="test-one"> 
         <tr><td>header not be shown if this code(table) here</td></tr> 
        </tbody> 
       </table> 
       </td> 
      </tr> 
      </teahd> 
      <tbody id="test-two"> 

      </tbody> 
      <tfoot> 
       <tr> 
       <td>no problem</td> 
       </tr> 
      </tfoot> 
     </table> 

とJavaScriptの機能のように：

for(var i=1;i<=100; i++) 
     $('#test-one').append('<tr><td colspan="2">row '+i+'</td></tr>'); 
     $('#test-two').append('<tr><td colspan="2">row '+i+'</td></tr>');