feat: add PR eKoopmans#260 and eKoopmans#261

Author: JannikFrauendorfPorabo

README.md

@@ -192,7 +192,7 @@ html2pdf().set({
 
 // Enable all 'modes', with no explicit elements.
 html2pdf().set({
-  pagebreak: { mode: ['avoid-all', 'css', 'legacy'] }
+    pagebreak: { mode: ['avoid-all', 'css', 'legacy'], elementType: 'tr', className: 'page_break' } // merge of https://github.com/eKoopmans/html2pdf.js/pull/261
 });
 
 // No modes, only explicit elements.

src/plugin/pagebreaks.js

@@ -33,7 +33,10 @@ Worker.template.opt.pagebreak = {
   mode: ['css', 'legacy'],
   before: [],
   after: [],
-  avoid: []
+  // https://github.com/eKoopmans/html2pdf.js/pull/260
+  avoid: [],
+  elementType: 'div',  //default element to create
+  className: ''       //by default no class
 };
 
 Worker.prototype.toContainer = function toContainer() {
@@ -114,11 +117,15 @@ Worker.prototype.toContainer = function toContainer() {
       }
 
       // Before: Create a padding div to push the element to the next page.
+      // https://github.com/eKoopmans/html2pdf.js/pull/260/files (slightly adjusted)
+      // allow for creating any type of element e.g. 'tr'
+      // this is useful for tables and other cases where a 'div' will ruin the styling and cannot be handled by simply using the div selector as thats too broad.
       if (rules.before) {
-        var pad = createElement('div', {style: {
-          display: 'block',
-          height: pxPageHeight - (clientRect.top % pxPageHeight) + 'px'
-        }});
+        var pad = createElement(self.opt.pagebreak.elementType || "div", {
+            style: {
+              display: 'block',
+              height: pxPageHeight - (clientRect.top % pxPageHeight) + 'px'
+          }, className: self.opt.pagebreak.className}); //allow control of styling of added sections
         el.parentNode.insertBefore(pad, el);
       }