html 頁面內容為
HTML:
-
<div> title1 </div>
-
<table>
-
......
-
</table>
-
<div> title2 </div>
-
<table>
-
...
-
</table>
title1 + table1 + title2 + table2 .... 以此類推
若想將每個 titlex + tablex 列印時總是在一頁的頁首，可用 jquery 找到第二個以上的 div.title 並加上 css 「page-break-before: always;」
CODE:
-
//css
-
.breakpage
-
{
-
page-break-before: always;
-
}
-
-
// jquery
-
var divs = $('div.title:gt(0)');
-
divs.addClass('breakpage');