jsPDF Test

An interactive jsPDF review.

HTML

<script src=" https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.2.61/jspdf.debug.js"></script>
<div id="test">

 <meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1"><link href="https://fonts.googleapis.com/css?family=Orbitron|Open+Sans" rel="stylesheet"> <link href="http://localhost:18650/Content/bootstrap.min.css" rel="stylesheet"><link media="screen" rel="Stylesheet" href="http://localhost:18650/Content/css/loader.css"> <script src="http://localhost:18650/Scripts/jquery.min.js"></script><script src="http://localhost:18650/Scripts/bootstrap.min.js"></script>  <script src="http://localhost:18650/Scripts/angular.min.js"></script><script src="http://localhost:18650/Scripts/zingchart.js"></script>    <script src="https://www.amcharts.com/lib/3/amcharts.js"></script> <script src="https://www.amcharts.com/lib/3/serial.js"></script><div class="results_wrapper"><header> <div class="row"><div class="col-xs-4"> <div class="logo"> <img src="http://localhost:18650/Content/images/logo1.png" class="img-responsive"> </div></div><div class="col-xs-5 col-xs-offset-3"> <aside><ul class="flex">  <li><h4>Equipment Condition</h4></li><li><span id="equipmentcoloridnew">CRITICAL</span></li> </ul> <ul class="flex"><li> <h4>Lubricant Condition</h4></li><li><span id="lubricantconcolorid" style="background-color: lightblue;">MARGINAL</span></li></ul></aside><div class="clearfix"></div></div></div> </header><section class="block"><div class="container-fluid"><div class="row"><header class="col-xs-12">OIL ANALYSIS TEST REPORT</header> <div class="col-xs-6 content"><div class="table-responsive">     <table class="table"> <tbody><tr><td><strong>EQPT NAME: </strong></td><td>Oiltestnew</td></tr><tr><td>COMPONENT</td><td></td></tr><tr><td>MFG</td><td></td></tr><tr><td>LUBE NAME</td><td></td></tr><tr><td>RESERVOIR CAP</td><td>4</td></tr></tbody> </table> </div> </div> <div class="col-xs-6 content">    <div...

CSS

table {
    border-collapse: collapse;
    width: 100%;
}

th, td {
    text-align: left;
    padding: 8px;
}

tr:nth-child(even){background-color: #f2f2f2}

th {
    background-color: #4CAF50;
    color: white;
}

JavaScript

function generatePDF() {
	var doc = new jsPDF('p', 'pt', 'a4');
  
     
    doc.addHTML(document.body, function () {
                doc.save('html.pdf');
            });

}