title: JS window print margins breaked table
body: <p>I have a table that i want to print using JS <strong>window.print();</strong>.
  But when this table have too many lines oter pages dosen't preserve seted margins</p>
  
  <p><a href="https://i.stack.imgur.com/6vcGR.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/6vcGR.png" alt="enter image description here"></a></p>
  
  <p>My CSS:</p>
  
  <pre><code>@page { size:  auto; margin: 0px; }
  html  { background-color: #FFFFFF; margin: 0px; }
  body  { margin: 10mm 10mm 10mm 10mm; }
  tbody &gt; td &gt; span { font-size: 14px !important; }
  </code></pre>
  
  <p>How can I force this table breaks to preserve margins?</p>
  
  <p>Click on any element to print: <a href="https://jsfiddle.net/kfubawpg/" rel="nofollow noreferrer">https://jsfiddle.net/kfubawpg/</a></p>