長い水平テーブルに db データを吐き出すページがあります。
途切れないようにきれいに印刷する必要があります。任意のヒント ?
表を行数の多い横長の表に変更する (行/列を入れ替える)
横向きモードに切り替えるようユーザーに提案します。私の知る限り、現在のブラウザでプログラムでそれを行う方法はありません(CSS3が定義しています@page {size:landscape}
)
数列ごとにテーブルを分割します (つまり、代わりに 100 列のテーブルを 1 つ作成し、それぞれ 10 列のテーブルを 10 個生成します)。CSStable {display: inline-table}
を使用して、それらをすべて画面上に並べて表示します。このトリックは、高さが変化するセルがない場合にのみ機能します。
テーブルが Printer Abyss に消えないようにするには、コンテナーの幅が 100% に設定されていることを確認してください。
印刷固有の CSS ( ) の使用方法を知っていることを前提としています<style type="text/css" media="print">
。
プリンターとコンピューターのモニターでは解像度が大きく異なる可能性があるため、ほとんどのサイズ設定em
は印刷 CSS の で行い、印刷時に重要でない要素を非表示にします ( display:none
)。
また、紙での可読性を高めるため、紙での読みやすさに定評のある白背景、黒文字、セリフフォント(Times New Romanなど)を採用。
さまざまなブラウザーが独自の方法で (画面上ではなく) 印刷を行うため、少し試してみて、別のブラウザーでより良い結果が得られるかどうかを確認してください。もちろん、これは、ブラウザーのスペクトル全体で印刷が完全に機能する必要がない場合です。
読みやすいフォントで紙に収まらない場合は、そうではありません..私の意見では、巨大な横長の表 (HTML の表であろうと、多数の列を持つ Excel シートであろうと) は印刷に適していません。さらに言えば、それらは画面での表示にも適していません。マウスの小さなホイールのおかげで、垂直スクロールは水平スクロールよりもはるかに簡単です。
最悪の場合、縦型レイアウトを使用する別の印刷版を作成する必要があるかもしれません。