2016-12-05 11 views
0

私はヘッダーとフッターのある長いテーブルを持っています。私がしたいのは、テーブル上に印刷機能を作成することです。以下は、私のコードの例である:上記のコードからテーブル内にフッターグループを繰り返した

tfoot { 
 
    display: table-footer-group; 
 
    vertical-align: middle; 
 
    border-color: inherit; 
 
}
<table> 
 
\t <thead> 
 
\t \t <tr> 
 
\t \t \t <td>This is a header</td> 
 
\t \t </tr> 
 
\t </thead> 
 
\t <tfoot> 
 
\t \t <tr><td>This is a footer</td></tr> 
 
\t </tfoot> 
 
\t <tbody> 
 
\t \t <tr> 
 
\t \t \t <td>Row</td> 
 
\t \t </tr> 
 
\t \t <tr> 
 
\t \t \t <td>Row</td> 
 
\t \t </tr> 
 
\t \t <tr> 
 
\t \t \t <td>Row</td> 
 
\t \t </tr> 
 
\t \t <tr> 
 
\t \t \t <td>Row</td> 
 
\t \t </tr> 
 
\t \t <tr> 
 
\t \t \t <td>Row</td> 
 
\t \t </tr> 
 
\t \t <tr> 
 
\t \t \t <td>Row</td> 
 
\t \t </tr> 
 
\t \t <tr> 
 
\t \t \t <td>Row</td> 
 
\t \t </tr> 
 
\t \t <tr> 
 
\t \t \t <td>Row</td> 
 
\t \t </tr> 
 
\t \t <tr> 
 
\t \t \t <td>Row</td> 
 
\t \t </tr> 
 
\t \t <tr> 
 
\t \t \t <td>Row</td> 
 
\t \t </tr> 
 
\t </tbody> 
 
</table>

、それは印刷プロセスに来るとき、それはすべての印刷されたページは、独自のヘッダを持っていることを示しているが、それはうまくいきません彼らのフッタと一緒に。私の質問は、長い印刷ページのそれぞれにフッターを表示する方法です。 The CSS table modelから

+0

http://stackoverflow.com/questions/18786653/html-header-and-footer-in-all-pages-while-printing-html-document – Bindrid

+0

http://stackoverflow.com/questions/1360869/how使用するhtml-to-printヘッダーとフッターのすべての印刷ページのドキュメント – knizer

答えて

0

印刷ユーザエージェントは テーブルがまたがる各ページにヘッダー行を繰り返してもよいです。

ユーザーエージェントは、 テーブルにまたがる各ページでフッター行を繰り返すことがあります。

実際、ほとんどのブラウザでこれが行われています。

Chromeではヘッダー(bug 24826)のみが実装されていますが、フッター(bug 620223)は実装されていません。

できないと思います。