JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<div class="outerHeader" id="MobileHeader"><table cellspacing="0" cellpadding="0" style="width: 100%;"><tbody><tr><td align="center" style="vertical-align: top;"><table cellspacing="0" cellpadding="0" class="header"><tbody><tr><td align="left" style="vertical-align: middle;"><table style="width: 100%;"><colgroup><col><col><col></colgroup><tbody><tr><td align="left" width="20%"><div class="gwt-Label button backButton icon-back" id="WallToWallPanel_Abort_">Abort</div></td><td align="center" width="60%"><table cellspacing="0" cellpadding="0" id="menuImageTitlePnl"><tbody><tr><td align="left" style="vertical-align: top;"><div class="gwt-HTML"></div></td><td align="left" style="vertical-align: top;"><div class="titleLabel">ASN/PO Number</div></td></tr></tbody></table></td><td align="right" width="20%"><div style="width: 40px;"><img class="userImage" id="userImageHbId_initE12userInfo"...

CSS

@media print {
  body * {
    visibility: hidden;
  }
  #section-to-print,
  #section-to-print * {
    visibility: visible;
  }
  #section-to-print {
    position: absolute;
    left: 0;
    top: 0;
  }
}
.printing {
  font-size:40px;
}

JavaScript

function printDiv() {
  window.print();
}