JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://www.cloudformatter.com/Resources/Pages/CSS2Pdf/Script/xepOnline.jqPlugin.js"></script>
<div id="printme">
<div class="hidden">
<table class="table" id="content" style="border:1px solid red">
<tr>
<th style="border:1px solid red;">Name</th>
<th style="border:1px solid red;">Employees</th>
<th style="border:1px solid red;">Head Office</th>
</tr>
<tr >
<td style="border:1px solid red;">Infosys Technologies </td>
<td style="border:1px solid red;">125000 </td>
<td style="border:1px solid red;">Noida </td>
</tr>
<tr>
<td style="border:1px solid red;">Infosys Technologies </td>
<td style="border:1px solid red;">125000 </td>
<td style="border:1px solid red;">Noida </td>
</tr>
<tr>
<td style="border:1px solid red;">Infosys Technologies </td>
<td style="border:1px solid red;">125000 </td>
<td style="border:1px solid red;">Noida </td>
</tr>
</table>
</div>
</div>
<div id="editor"></div>
<button id="cmd">generate PDF</button>
CSS
.hidden {
display:none;
}
@media print {
.hidden {
display:table;
}
}
JavaScript
$('#cmd').click(function () {
return xepOnline.Formatter.Format('printme',{render:'download'});
});