2017-10-01 4 views
0

Ich benutze jspdf-autotable, um PDF-Datei herunterladen. Meine Tabellen-ID der HTML-Datei ist myTable. Ich erhalte keine PDF-Datei als Tabelle.pdf. Was soll ich in meinem Code ändern? Mein Code ist unten in JavascriptDownload pdf-Datei mit jspdf-autotable

<script language="text/javascript"> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.3.2/jspdf.min.js"></script> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf-autotable/2.3.2/jspdf.plugin.autotable.js"></script> 
    <script> 
    var doc = new jsPDF('p', 'pt'); 
    var elem = document.getElementById("myTable"); 
    var res = doc.autoTableHtmlToJson(elem); 
    doc.autoTable(res.columns, res.data); 
    doc.save("table.pdf"); </script> 

</script> 
+0

Die Frage ist zu allgemein, um zu antworten. Bitte geben Sie auch Informationen über mögliche Fehler und den Wert der Variablen res und elem an. –

+0

Uncaught TypeError: Kann die Eigenschaft 'API' von undefined bei Object nicht lesen. (jspdf.plugin.autotable.js: 2267) bei __webpack_require__ (jspdf.plugin.autotable.js: 39) bei Ausfuhr .__ esModule (jspdf.plugin.autotable.js: 85) bei jspdf.plugin.autotable. js: 88 bei webpackUniversalModuleDefinition (jspdf.plugin.autotable.js: 16) bei jspdf.plugin.autotable.js: 19 –

+0

Uncaught ReferenceError: jsPDF ist nicht definiert –

Antwort

0

Sie können Skript-Tag nicht in Skript-Tags setzen. Ändern Sie den Code zu:

<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.3.2/jspdf.min.js"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf-autotable/2.3.2/jspdf.plugin.autotable.js"></script> 
<script> 
    var doc = new jsPDF('p', 'pt'); 
    var elem = document.getElementById("myTable"); 
    var res = doc.autoTableHtmlToJson(elem); 
    doc.autoTable(res.columns, res.data); 
    doc.save("table.pdf"); 
</script> 
+0

Ya ich kann die Datei herunterladen ... Wie kann Ich habe die Breite der Spalte der Tabelle festgelegt? –

+0

Es sollte im Repo dokumentiert werden. Ich denke aber, dass es die columnWidth-Styles-Eigenschaft ist. –