すべての印刷ページでHTMLのテーブルフッタを繰り返します

Question

私の体には、以下のようなテーブル要素があります。 私はhtmlページを印刷したいときは、すべてのページにと内容がなければなりません。ヘッダーはうまくいっていますが、フッターは最後のページにしか表示されません。 私はこのような問題に対して多くの "解決策"を見つけましたが、どちらも機能しませんでした。

要素に--style = "display：table-footer-group"

HTMLだけを使用するようにインポートされ

とCSS

<table> 
    <thead> 
     <tr> 
      <td colspan="5"> 
       <table style="width: 100%;"> 
        <tr>      
         <td>Some Header Stuff</td> 
        </tr>       
       </table> 
      </td> 
     </tr> 
      <tr class="border_bottom"> 
       <td colspan="1" class="styledheader">header1</td> 
       <td colspan="1" class="styledheader">header2</td> 
       <td colspan="1" class="styledheader">header3</td> 
       <td colspan="1" class="styledheader">header4</td> 
       <td colspan="1" class="styledheader">header5</td> 
      </tr> 
    </thead> 
     <tfoot> 
      <tr class="border_top"> 
       <td colspan="1">Footer Left</td> 
       <td colspan="4">Footer Right</td> 
      </tr> 
     </tfoot> 
    <tbody>  
    <tr> 
     <td>SomeText</td> 
     <td>SomeText</td> 
     <td>SomeText</td> 
     <td>SomeText</td> 
     <td>SomeText</td> 
    </tr> 
    ---More rows 
    </tbody> 
</table> 

---編集2017年5月12日9時45 - creativename & daviddomainが

<td colspan="1" id="styledheader">header1</td> 

を変更

を書いたように、コードを変更しました

~

<td colspan="1" class="styledheader">header1</td> 

と "TBODY" に最初の "/ TBODYを" 作っ

Answer 1

ますおそらくクロムを使用しています。 https://crbug.com/656232によると（テーブルのヘッダーはすべてのページに印刷されますが、表のフッターは最後のページにのみ表示されます）EdgeとFirefoxは、あなたが望むものを行いますが、クロムサポートは進行中です。

クロムがそのバグを修正するまで、別のブラウザを使用してください。

Answer 2

あなたは<tbody>タグでTBODYを開いていません。それを使用しているときも代わりにIDのクラスを使用して複数回：

<td colspan="1" class="styledheader">header1</td> 
<td colspan="1" class="styledheader">header2</td> 

代わりの

<td colspan="1" id="styledheader">header1</td> 
<td colspan="1" id="styledheader">header2</td> 

あなたのCSSのクラスセレクタにIDセレクタを変更することを忘れないでください