Gewusst wie: anpassen Kopfzeile in PDF-Datei mit der jsPDF-AutoTable plugin?

Begegnete ich seltsamen Fehler, wenn versucht zu konvertieren von HTML in pdf mit jsPDF-AutoTable plugin. Nach offizielle Github-Seite gibt es die Möglichkeit, anpassen headerCell und gewöhnliche Zelle mit Hilfe von createdHeaderCell und createdCell Haken. Ich verwendete den folgenden code ändern, styling für Besondere Kopf-und Zeilen-Zellen (Name Kopf-und Jack Zelle). Ich auch hochladen dieser code hier.

$('#btn').click(function(){

            var columns = ['ID','Name','Address','Age'];
            var rows = [
            [1,'John','Vilnius',22],
            [2,'Jack','Riga',25]
            ];

            var doc = new jsPDF('p', 'pt');

            doc.setFontSize(20);
            doc.text(30, 30, 'Table'); 

            doc.autoTable(columns, rows, {
                margin: { top: 50, left: 20, right: 20, bottom: 0 },
                createdHeaderCell: function (cell, data) {
                    if (cell.raw === 'Name') {
                        cell.styles.fontSize= 15;
                       cell.styles.textColor = 111;
                    } else {//else rule for drawHeaderCell hook
                        cell.styles.textColor = 255;
                        cell.styles.fontSize = 10;

                    }
                },
                   createdCell: function (cell, data) {
                    if (cell.raw === 'Jack') {
                       cell.styles.fontSize= 15;
                       cell.styles.textColor = 111;
                    } 
                }
            });

            doc.save('output.pdf');
});

In diesem code createdCell Haken funktioniert wie erwartet und Stil der Zelle mit Jack, passiert ist aber nichts für Name header. Hab ich was verpasst oder ist es ein bug?

Die lustige Sache, die ich seltsam finden Problemumgehung verwenden drawHeaderCell statt createdHeaderCell, aber in diesem Fall styling-Auftritt für die nächste Address header, nicht die Namewie ich wollte. Mein workaround: ich habe die vorherigen ID header style Name, aber diese Lösung nicht sehr schön, da sollte ich verwenden else Regel für styling, sonst styling angewendet werden, für alle Header nach ID, nicht nur Name, so möchte ich, um herauszufinden, was ist Los mit meinem ersten code.

Danke für Ihre Aufmerksamkeit.

InformationsquelleAutor user2771704 | 2015-11-03

Schreibe einen Kommentar