Как заставить «PrintThis» «Разбить страницу»
Когда я использую плагин Jquery «PrintThis»,
Функция html: <div style='page-break-after:always'></div>
перестает работать Ну, «PrintThis», не сломайте страницу!
Как я могу решить это?
Должен ли я поставить «разрыв линии», в JS? Как?
Можно ли использовать тот же идентификатор таблицы?
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();
});
});
Решение
Хорошо, еще раз решение для этого сценария было легко решить. (Просто немного поспал на нем =)
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();
});
});
Другие решения
break-after свойство игнорируется для элементов, которые не генерируют box. Вы должны использовать этот стиль на вашем table вместо div