<!DOCTYPE html>
<html>

  <head>
    <link rel="stylesheet" href="style.css">
    <script src="script.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.3.5/jspdf.min.js"></script>
  </head>

  <body>
    <h1>Hello Plunker!</h1>
    
    <div id="printDiv">
      <div class="class1">test 123</div>
      <div style="color:red; font-size: 25px; font-weight:bold">test 123</div> 
      <div>
        <table border="1">
          <tr><td style="font-weight:bold">Title</td><td style="font-weight:bold">Desc</td></tr>
          <tr><td>Title</td><td>Desc</td></tr>
          <tr><td>Title</td><td>Desc</td></tr>
          <tr><td>Title</td><td>Desc</td></tr>
        </table>
      </div>
    </div>
    <button onclick="printPdf()" style="clear:both">
      Export to Pdf
    </button>
  </body>

</html>
// Code goes here
function printPdf(){
  
  var doc = new jsPDF();
  
  doc.fromHTML(document.getElementById('printDiv'), 20, 20, {
    'width': 1000
  });
  
  doc.save('Test.pdf');
}

/* Styles go here */
.class1{
  color:red; font-size: 25px; font-weight:bold;
}