Problem using jsPDF to output large table

@ccote1Mar 31.2017

I am trying to use jsPDF to export an HTML page to PDF, but I’m getting an error from within the jspdf.debug.js file: “Unable to get property ‘1’ of undefined or null reference”. Before trying it on my page, I used the example they give for jsPDF and edited it to make it an 11×17 landscape page and it worked. However, when I tried to bring that same functionality over to my table page, I keep getting the error. Here is my html file (or at least the major portions that are needed to show what’s wrong):

[code=html]<!DOCTYPE html> <html> <head> <style> body { font-size: 11.5px; } td, th { margin: 0px; padding: 5px; vertical-align: top; font: 1em Arial, sans-serif; border: 1px solid #CCCCCC; } .myTable { margin: 0px; margin-bottom: 10px; padding: 0px; vertical-align: top; } </style> <script src=”https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js”></script> <script src=”https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.3.2/jspdf.debug.js”></script> <script language=”javascript”> var doc = new jsPDF({ orientation: “landscape”, format: [279.4, 431.8] }); //format is 11×17 in millimeters vs inches

var specialElementHandlers = { ‘#editor’: function(element, renderer) { return true; } };

$(document).ready(function() { $(“#btnSave”).click(function() { alert(“Save document”); doc.fromHTML($(“#content”).html(), 15, 15, { “width”: 170, “elementHandlers”: specialElementHandlers }); doc.save(“C:\Users\ccote1\Desktop\Baseline Diffs\VPT-TCP-GUI-IRS-002_test.pdf”); }); }); </script> </head> <body> <table border=”0″ cellpadding=”0″ cellspacing=”0″ width=”100%”> <tr> <td><input type=”button” value=”Save as PDF” id=”btnSave”></input> </td> </tr> </table> <div id=”content”> <table cellpadding=”0″ cellspacing=”0″ width=”100%”> <tr> <td id=”heading”> <h4>Baseline Comparison Report</h4> </td> </tr> </table> <table class=”myTable” cellpadding=”0″ cellspacing=”0″ width=”100%”> <thead> <tr> <th colspan=”7″><div id=”modInfo”>Module: /VIRGINIA PSES/Block IV/3 – Software/TCP GUI IRS/VPT-TCP-GUI-IRS-002<a class=”exported”>Exported from DOORS on: 3/30/2017 14:42:27</a></div> </th> </tr> <tr> <th width=”5%”>Object ID</th> <th width=”8%”>Change</th> <th width=”450px”>Baseline 1.3 (SCP-VPT-0448)</th> <th width=”450px”>Baseline 1.4 (SCP-VPT-0476A)</th> <th width=”15%”>Attributes</th> <th width=”15%”>Links</th> </tr> </thead> <tr> <td>TCGI_227</td> <td>Table Changed</td> <td> <table cellpadding=”0″ cellspacing=”0″ width=”80%”> <tr> <td>Revision </td> <td>Issue Date </td> <td>Description of Revision </td> </tr> <tr> <td>1.0 </td> <td>February 26, 2016 </td> <td>Initial Release </td> </tr> <tr> <td>1.2 </td> <td>December 2, 2016 </td> <td>SCP-VPT-0470 </td> </tr> <tr> <td>1.4 </td> <td>January 9, 2017 </td> <td>SCP-VPT-04760476A </td> </tr> <tr> <td><a style=’color:red’>Cell Deleted</a> </td> <td><a style=’color:red’>Cell Deleted</a> </td> <td><a style=’color:red’>Cell Deleted</a> </td> </tr> </table> </td> <td> <table cellpadding=”0″ cellspacing=”0″ width=”80%”> <tr> <td>Revision </td> <td>Issue Date </td> <td>Description of Revision </td> </tr> <tr> <td>1.0 </td> <td>February 26, 2016 </td> <td>Initial Release </td> </tr> <tr> <td>1.2 </td> <td>December 2, 2016 </td> <td>SCP-VPT-0470 </td> </tr> <tr> <td>1.4 </td> <td>January 9, 2017 </td> <td>SCP-VPT-0476A </td> </tr> <tr> </tr> </table> </td> <td> </td> <td></td> </tr> <tr> <td>TCGI_27</td> <td>Object Text Changed SCP Comments: VPT-170103-05 </td> <td>a) VPT-TCP-SSS-002 Revision 1.2731, NovemberJanuary 215, 20162017, System/Subsystem Specification (SSS) for Payload Tube Control System for use with VIRGINIA Payload Tube (VPT) and Torpedo Tube </td> <td>a) VPT-TCP-SSS-002 Revision 1.31, January 5, 2017, System/Subsystem Specification (SSS) for Payload Tube Control System for use with VIRGINIA Payload Tube (VPT) and Torpedo Tube </td> <td>*Baseline Allocation= VA4A-14/15-01 VA4A-16/15-01 *Object Type= Text *Safety Critical= FALSE *Verification Method= </td> <td><s><a class=”arrow”>⇐</a> EPG_125</s> </td> </tr> <tr> <td>TCGI_285</td> <td>Object Text Changed SCP Comments: VPT-170103-05 </td> <td>b) VPT-TTAP-SRS-002 Revision 1.46, DecemberJanuary 15, 20162017, Software Requirements Specification for the VIRGINIA Payload Tube (VPT) Application Program (TTAP) </td> <td>b) VPT-TTAP-SRS-002 Revision 1.6, January 5, 2017, Software Requirements Specification for the VIRGINIA Payload Tube (VPT) Application Program (TTAP) </td> <td>*Baseline Allocation= VA4A-14/15-01 VA4A-16/15-01 *Object Type= Text *Safety Critical= FALSE *Verification Method= </td> <td> </td> </tr> <tr> <td>TCGI_108</td> <td>SCP Comments: VPT-170102-01</td> <td></td> <td>The PTAP GUI shall initialize the TTAP GUI. </td> <td> *Baseline Allocation=VA4A-14/15-01 VA4A-16/15-01 *Object Type=Requirement *Safety Critical=FALSE *Verification Method=Inspection </td> <td></td> </tr> <tr> <td>TCGI_106</td> <td>SCP Comments: VPT-170102-01</td> <td></td> <td>The TTAP GUI shall provide the PTAP GUI access to all TTAP displays. (see 2.2.1(b) Section 3.3.7.2.2) </td> <td> *Baseline Allocation=VA4A-14/15-01 VA4A-16/15-01 *Object Type=Requirement *Safety Critical=FALSE *Verification Method=Demonstration </td> <td></td> </tr> <tr> <td>TCGI_111</td> <td>SCP Comments: VPT-170102-01</td> <td></td> <td>The TTAP GUI shall provide the PTAP GUI access to all TTAP operational mode indicators. </td> <td> *Baseline Allocation=VA4A-14/15-01 VA4A-16/15-01 *Object Type=Requirement *Safety Critical=FALSE *Verification Method=Demonstration </td> <td></td> </tr> </table> <footer> <div style=”margin:0 auto;” class=”note”>Note: All bolding, underlines, and italics have been removed prior to checking differences.</div> <tr> <td> The following attributes are new since the older baseline, and have not been compared: *DXL Trace – Parent Requirement Attributes Compared in this Module: *Baseline Allocation, *Object Type, *Safety Critical, *Verification Method, Object Heading, Object Text, </td> </tr> </footer> </div> </body> </html>[/code]

to post a comment

JavaScript

Problem using jsPDF to output large table

0Be the first to comment 😎

Also in #JavaScript _↴

Success!

Social

Version

Problem using jsPDF to output large table

0Be the first to comment 😎

Also in #JavaScript ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

Also in #JavaScript _↴