So speichern Sie den Inhalt und Stil einer Seitentabelle in einer Excel-Datei_Javascript-Kenntnisse

Nach Abschluss des Projekts habe ich ein kürzlich erstelltes Forum getestet, das über eine Exportfunktion verfügt. Nach dem Klicken auf die Schaltfläche zum Exportieren der Webseite und dem Speichern des Tabelleninhalts der Seite als Excel-Datei habe ich den Tabellenstil festgestellt Konnte nicht gespeichert werden Nach der Analyse habe ich die Grundursache gefunden. Jetzt werde ich meine Umsetzungsideen wie folgt mitteilen:

Problembeschreibung:

Problemanalyseprozess:

1. Tabelle verwendet Klasse statt Stil. Die Klassendefinition wird beim Exportieren nicht exportiert. Wenn Sie zu Stil wechseln und den Farbstil direkt in Stil schreiben, wird der Stil exportiert.

Stil ist der Stil, der in HTML verwendet wird, um den Attributstil anzugeben, der den Inhalt in CSS darstellt, und Klasse ist die Klasse, die den Inhalt beim Exportieren der Seite deklariert und definiert, d. h. Der durch die Klasse definierte Stil wird nicht exportiert.

2. Sie können Stile auch exportieren, indem Sie die Klassendefinition in die Tabelle

einfügen

Es gibt zwei Lösungen, um dieses Problem zu lösen.

Lösung 1:

Ersetzen Sie class="${getClass()}" durch style="color:${getStyle()};"

Ergänzung:

 $('#export').click(function () {
 saveAsExcel($('h3').text(), $('#table').html().replace(/( )+/gi,''));
 });

Excel erkennt nur Tabellen, um die Klassendefinition automatisch zu speichern. Wenn Sie sie manuell kopieren und in Excel einfügen, kann die Klassendefinition gespeichert werden.
Das Hauptproblem ist das manuelle und automatische Kopieren und Einfügen

Lösung 2:

Verschieben Sie einfach die in 93f0f5c25f18dab9d176bd4f6de5d30ec9ccee2e6ea535a969eb3f532ad9fe89531ac245ce3e4fe3d50054a55f2659279c3bca370b5104690d9ef395f2c5f8d1 definierten Klassen nach f5d188ed2c074f8b944552db028f98a1f16b1740fad44fb09bfe928bcc527e08. Positionsproblem des Klassendefinitionsstils

Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, er gefällt Ihnen allen.