CSSテーブルの印刷ページのバグ...
うわあ……これのせいで、本当に16時間以上も無駄にしてしまった。\ CSSでテーブルを印刷するとき。 印刷時に、tableを使う人がいる。 PDFを作る場合など。 ところが、ここで2ページ以上にまたがると、trの高さの値が異常なほど大きくなることがある。 その理由は、display: flex; を使っているからだ。t
GGAMI
うわあ……これのせいで、本当に16時間以上も無駄にしてしまった。
CSSでテーブルを印刷するとき。
印刷時に、tableを使う人がいる。
PDFを作る場合など。
ところが、ここで2ページ以上にまたがると、trの高さの値が異常なほど大きくなることがある。
その理由は、display: flex; を使っているからだ。table内でdivでも何でもflexを使うと、2ページを超える印刷領域で、ページが切り替わる境目の部分に必ず問題が発生する。
https://github.com/wkhtmltopdf/wkhtmltopdf/issues/1524#issuecomment-708958565
At the root of my page, I had display: flex; container. It was exactly the reason why none of the previous answers worked for me.
@media print { display: block; } for that container worked like a charm in my case.
I'm fully aware, you might need display: flex for print version of your page. Just wanted to let you know that was the root cause of the problem.