BinaryDevelop
  1. ホーム
  2. ハイパーリンク

[解決済み】大きなHTMLテーブルを印刷する際の改ページへの対処方法

2022-03-30 21:46:11

質問

私は、多くの行を持つHTMLテーブルを印刷する必要があるプロジェクトを持っています。

私の問題は、複数ページに渡って印刷される表の方法です。半分がページの端に、残りが次のページの上に印刷されるため、行が半分に切断され、読めなくなることがあるのです。

私が思いつく唯一のもっともな解決策は、テーブルの代わりにDIVを積み重ね、必要に応じて強制的に改ページすることです。しかし、全体の変更を行う前に、以前ここで質問することができると思いました。

どのように解決するのですか？ 

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Test</title>
<style type="text/css">
    table { page-break-inside:auto }
    tr    { page-break-inside:avoid; page-break-after:auto }
    thead { display:table-header-group }
    tfoot { display:table-footer-group }
</style>
</head>
<body>
    <table>
        <thead>
            <tr><th>heading</th></tr>
        </thead>
        <tfoot>
            <tr><td>notes</td></tr>
        </tfoot>
        <tbody>
        <tr>
            <td>x</td>
        </tr>
        <tr>
            <td>x</td>
        </tr>
        <!-- 500 more rows -->
        <tr>
            <td>x</td>
        </tr>
    </tbody>
    </table>
</body>
</html>

関連

最新

おすすめ

について
/
プライバシー・ポリシー
/
お問い合わせ
© 2022 BinaryDevelop. すべての権利は、それぞれの所有者に帰属します