前提・実現したいこと
現在、phpでwebシステムを作成しています。
その中の1ページをGoogle Chromeの印刷を使用して、出力させたいと思っています。
印刷にはjquery内で作成した内容で、印刷用のcssも作成しています。
印刷はtableでtheadとtfootを印刷のヘッダーフッターにしようと考えて作成しました。
各ページの下部にページ数を印字したいと考えています。
発生している問題・エラーメッセージ
ページ数が印字されません。
試したこと
以下をcssに追記しても表示されませんでした。
@page {
@bottom-right {
content: counter(page) " of " counter(pages);
}
}
tfootにclass='sheet'のセクションを記載し、下記を追加しても1ページ目にしか表示されませんでした。
.sheet::after {
position: absolute;
bottom: 0;
right: 0;
counter-increment: sheet;
content: "ページ " counter(sheet);
}
補足情報
ブラウザの印刷機能から行えれば、
手段はcssでもjqueryでも問わないので
印刷時にページ番号を表示させる方法を
ご教示いただければと思います。