jsPDF/jsPDF-Autotable Druck dom Elemente in Tabellen

Question

Ich verwende jspdf und jspdf-Autotable Daten basierte Tabellen in PDF zu exportieren.

Manchmal könnten meine Daten DOM-Elemente enthalten, die nicht vom jspdf-autotable-Plugin verarbeitet werden. In den meisten Fällen ist das DOM-Element ein span- oder div-Element, das einen inneren Text enthält, aber es könnte auch ein anderer Elementtyp sein.

Ziel ist es, zumindest einen ungefähren Inhalt in die gedruckte Zelle zu drucken. Dazu möchte ich die Hook-Methoden verwenden, die von der drawCell()/createdCell()) jspdf-autotable bereitgestellt werden, um den Inhalt vorzubereiten.

Gibt es einen Approximationsansatz, um einen nützlichen Text für die Druckausgabe zu generieren, der nicht von bestimmten Element-Tag-Typen abhängt? Gibt es sonst eine Möglichkeit, die Elemente in die entsprechenden Zellen gerendert zu bekommen?

Answer 1

Sie können zuerst versuchen, durch die Tabellenzellen zu iterieren und dann zu deaktivieren, um nur Text, nicht DOM-Elemente dort zu haben. Dort kann Code etw sein:

$('#mytable td').each(function(){ 
    $(this).contents().unwrap();​​ 
});