Export HTML Table to PDF using jsPDF

Export HTML Table to PDF using jsPDF

by oktaviardi pratama

HTML

<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.3.4/jspdf.debug.js"></script>
<div id="element">

<style>
.pippoColor {
  color: #f50000;
}
</style>

    <table>
      <tr style="background-color: #f50000">
        <td>column a</td>
        <td>column b</td>
      </tr>
      <tr>
        <td>column a</td>
        <td>column b</td>
      </tr>
    </table>
    
    <div class="pippoColor">Prova testo prova </div>
    <div class="pippoColor">Prova testo prova </div>
    <div class="pippoColor">Prova testo prova </div>
    <div class="pippoColor">Prova testo prova </div>
    <br>
    <img width="100" height="100"...

JavaScript

function run() {
  var doc = new jsPDF("p","mm","letter");
  doc.fromHTML($("#element").get(0), 15, 15, {
    'width': 170
  }, function(a) {
    doc.save("Image.pdf");
  });
}