0

非常に単純な HTML ページがあります。動的に生成されたデータを取得する垂直テーブルがあります。私が抱えている問題は、ページを印刷したいときに、次のように私のページの途中で途切れる<tr>ことです。

ここに画像の説明を入力

CSS を使用し<tr>てページの下部で a を終了<tr>し、2 ページ目で次のページを開始する方法はありますか?

解決策をウェブで検索しましたが、何も見つかりませんでした。私が求めているものについては、明確に検索するのは簡単ではありませんでした。

誰かがこれを手伝ってくれることを願っています。

4

2 に答える 2

0

JQuery を使用したより信頼性の高いソリューションを次に示します。

$(document).ready(function () {
    $('table.splitForPrint').each(function(i, tabela){
        var per_page = 13;

        var pages = Math.ceil($('tbody tr').length / per_page);

        if (pages == 1)
            return;

        var ultimo = $(tabela);
        for(var p = 1; p <= pages; p++) {
            var copy = ultimo.clone();

            $('tbody tr', ultimo).each(function(i, tr){
                if (i >= per_page) {
                    $(tr).remove();
                }
            });

            $('tbody tr', copy).each(function(i, tr){
                if (i < per_page) {
                    $(tr).remove();
                }
            });

            if (p < pages)
                copy.insertAfter(ultimo);

            copy.css('page-break-before', 'always');

            ultimo = copy;
        }
    });
});

https://code.google.com/p/wkhtmltopdf/issues/detail?id=168#c4

于 2013-11-06T16:37:28.817 に答える