Heim > Web-Frontend > js-Tutorial > So speichern Sie den Inhalt und Stil einer Seitentabelle in einer Excel-Datei_Javascript-Kenntnisse

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

WBOY
Freigeben: 2016-05-16 15:46:57
Original
1575 Leute haben es durchsucht

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,''));
 });
Nach dem Login kopieren

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

definierten Klassen nach
. Positionsproblem des Klassendefinitionsstils

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

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage