2016-08-10 4 views
0

Ich drucke Daten in einer PDF-Datei mit jspdf-autotable. Ich habe zwei Arten von Strings:Druckzeichenfolge in der benutzerdefinierten Spalte in jspdf Autotable

  1. String
  2. (5 White Space) + String

Wenn der Typ (2) Zeichenfolge zu lang ist, bedeutet dies, dass der verbleibende Teil der Zeichenfolge wird in der nächsten Zeile gedruckt werden (da ich die Zeilenumbrüche verwende). Was ich erwarte, ist, dass die verbleibende Zeichenfolge, die in der nächsten Zeile gedruckt wird, mit demselben 5 Leerraum wie der erste gedruckt werden soll. Aber es druckt ohne Leerraum. Beachten Sie, dass ich nicht HTML, nur Javascript und jspdf verwende. Wie kann ich die gleiche Einrückung (gleicher Leerraum) auf jeder neuen Zeile erreichen?

tatsächliche Ausgang:

Trees are in proper shape and labeled 
appropriately 

Was ich will:

Trees are in proper shape and labeled 
    appropriately 
+0

Sie wollen also 'Bäume' und' passend' die gleiche Leerzeicheneinrückung haben (sieht in dem Beispiel aus, das Sie angegeben haben)? Dies, anstatt "Bäume" zu haben, hat fünf Leerzeichen und "passend" null. –

+0

Ja ... Ja .... Sie haben absolut Recht. –

+0

@Simon Bengtsson –

Antwort

0

Sie haben zwei Möglichkeiten.

Die erste ist die cellPadding Option. Es wird den gleichen horizontalen Raum auf beiden Seiten der Zelle bilden.

var doc = new jsPDF('p', 'pt'); 
doc.autoTable(columns, data, { 
    styles: {cellPadding: 10} 
}); 
return doc; 

Die andere Option ist die drawCell Haken zu verwenden und entscheiden, wo den Zellinhalt selbst ausdrucken. Ich habe das nicht getestet, sollte aber funktionieren.

var doc = new jsPDF('p', 'pt'); 
doc.autoTable(columns, data, { 
    drawCell: function (cell, data) { 
     if (cell.dataKey === "email") { 
      cell.x += 20; 
     } 
    } 
}); 
return doc; 
+0

Tut mir leid Kumpel, Beide funktionieren nicht in meinem Fall –

+0

Könnten Sie ein bisschen genauer sein, was nicht funktioniert? Und ist meine Bearbeitung Ihrer Frage korrekt? –

+0

Ja, Ihre Bearbeitung ist korrekt. –

Verwandte Themen