当我使用Jquery插件“PrintThis”时,
html函数:<div style='page-break-after:always'></div>
停止工作。那么,“PrintThis”,不会打破页面!
我怎么解决这个问题呢?
我应该在JS中使用“Break line”吗?怎么样?
可以使用相同的表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();
});
});
答案 0 :(得分: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();
});
});
答案 1 :(得分:0)
break-after
属性。您应该在table
而不是div