如何强制 "PrintThis" 到 "Break page"

Question

当我使用 Jquery 插件时 "PrintThis",
html 函数：<div style='page-break-after:always'></div>
停止工作。嗯，"PrintThis"，不会断页的！
我该如何解决这个问题？
我应该把 "Break line", 放在 JS 中吗？怎么样？
可以使用相同的 table 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();
    });
});

Answer 1

好吧，这个脚本的解决方案又一次很容易解决。（刚刚睡了一觉=）

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();
  });
});

Answer 2

break-after 属性在不生成框的元素上被忽略。您应该在 table 上使用此样式，而不是 div

See documentation

如何强制 "PrintThis" 到 "Break page"

How to force "PrintThis" to "Break page"

php

jquery

printthis