0

Jquery プラグイン "PrintThis" を使用すると、
html 関数:が機能<div style='page-break-after:always'></div>
しなくなります。さて、「PrintThis」は改ページしません！
どうすればこれを解決できますか?
JSで「ブレークライン」を入れるべきですか? どのように？
同じテーブル ID を使用しても問題ありませんか?

HTML

//Print Btn
<button id="print_btn">btn</button>

//Table 1
<table id="table" class="display">
  <tr><td>Hi</td></tr>
</table>

//Break page here
<div style='page-break-after:always'></div>

//Table 2
<table id="table" class="display">
  <tr><td>Hi</td></tr>
</table>

JS

$(document).ready(function () {
    $('#print_btn').click(function () {
        $('#table').printThis();
    });
});
4

2 に答える 2

2

繰り返しになりますが、このスクリプトの解決策は簡単に解決できました。（ちょっと寝ただけです=）

HTML

//ADD class "display" and id.
<div class="display" id "break_page" style='page-break-after:always'></div>

JS

//Add id "break_page" to JS
$(document).ready(function () {
  $('#print_btn').click(function () {
    $('#table, #break_page').printThis();
  });
});
于 2015-03-11T06:48:15.780 に答える
0

break-afterプロパティは、ボックスを生成しない要素では無視されます。このスタイルtableは、div

ドキュメントを見る

于 2018-06-22T09:57:43.390 に答える