テーブルヘッダーは、htmlの印刷時に各ページの先頭に表示する必要があります。

Question

印刷中にヘッダーを表示したいと思います。だから、私はコードを使用しています：

<table align="center"> 
    <thead style="display: table-header-group;"> 
     <tr> 
      <td> 
       Header 
      </td> 
     </tr> 
    </thead> 
    <tbody> Body data</tbody> 
</table> 

ヘッダーと内容は、ローカルホスト上で正確に表示されます。しかし問題は、各ページに表示されないサーバーヘッダーでホストするときです。

Answer 1

jsfiddleでコードを実行すると、本文の内容がヘッダーの上に置かれます。ヘッダーの内容は本文の下にあり、中央に配置されています。

<table align="center"> 
    <thead style="display: table-header-group;"> 
     <tr> 
      <td> 
       Header 
      </td> 
     </tr> 
    </thead> 
    <tbody> 
     <tr> 
      <td> 
       Body data 
      </td> 
     </tr> 
    </tbody> 
</table> 

このコードは、あなたの身近なところにあり、ボディセクションにtrとtdが追加されました。これは、テーブルにそれを含め、それに応じてスタイルを設定します。

現在、ヘッダーと別の本文セクションを持つ表があります。