JSFiddle - React, Tailwind, and code Playground

by zur4ik

HTML

<button id="printButton" onclick="javascript:printPage()" >Print this page</button>

<h1 id='header'><b>Awesome Print Report</b></h1>
<iframe id="ifr1" src="http://amazon.com"></iframe>
<iframe id="ifr2" src="http://amazon.com"></iframe>
<iframe id="ifr3" src="http://amazon.com"></iframe>
<iframe id="ifr4" src="http://amazon.com"></iframe>
<iframe id="ifr5" src="http://amazon.com"></iframe>
<iframe id="ifr6" src="http://amazon.com"></iframe>

CSS

#header {
    margin-top: 20px;
}

@media print {
    #printButton {
        display: none;
    }
}

JavaScript

function printPage() {
    
  window.print();
    
  for (var k=0; k<window.frames.length; k++) {
    window.frames[i].focus();
    window.frames[i].print();
  }
    
}