CSSで、テーブル印刷時に複数ページにまたがって印刷しても見出し部分を全てのページに印刷させる

  • このエントリーをはてなブックマークに追加
  • Pocket
  • LINEで送る

今回はCSSのお話です。

最近は帳票をHTML形式で出力させることが多いのですが(わざわざPDFなどにしなくても、十分使える帳票印刷ができますよね)、
その際にテーブルをループで回して表示していると、1ページに収まらなくなることがあります。

そんなときに便利なのが、CSSのdisplayプロパティ!
値にtable-header-groupとしてやると、印刷時にテーブルが複数ページにまたがったとしても、見出し部分を全てのページのトップに出してくれます。
これ、地味に使いまくりです。見出し部分をthead要素で囲んでやらないとダメですが、それとCSS指定するだけです。

でも、この指定をしてもChromeだけ見出しが印刷されないんですよね。
最新のバージョン 33.0.1750.146 mにしているんですが・・・

なんとかならないもんですかね、これ・・・

  • このエントリーをはてなブックマークに追加
  • Pocket
  • LINEで送る

SNSでもご購読できます。




コメントを残す

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

%d人のブロガーが「いいね」をつけました。