bootstrap を使っているサイトで印刷が途中で切れる場合の対処方法

bootstrap を使っているサイトで、例えば縦に長い table 等がプリントアウト表示すると途中で切れる場合があります。

原因は class=”row” に設定されているスタイル display: flex です。したがって、例えば <div class=”row”> となっているところを <div class=”row print-display-flex-cancel”> 等とし、印刷の時だけに読み込む css ファイルに .row.print-display-flex-cancel { display: block; } を足してあげると問題が解消するかもしれません。

 

pagetop