So exportieren Sie die HTML -Tabelle mit JavaScript in Excel

Manchmal müssen Entwickler die HTML -Tabellen in eine Excel -Datei exportieren, die ihnen hilft. In JavaScript sind mehrere Bibliotheken für mehrere Aufgaben verfügbar. In ähnlicher Weise kann eine HTML -Tabelle mit einer JavaScript -Bibliothek leicht in ein Excel -Blattformat konvertiert werden.

In diesem Tutorial wird der Prozess zum Exportieren der HTML -Tabellendaten mit JavaScript definiert.

So exportieren Sie die HTML -Tabelle mit JavaScript in Excel?

Verwenden Sie die JavaScript -Bibliothek "Blatt", um eine Tabelle von einem HTML in eine Excel -Tabelle zu exportieren. Es bietet Funktionen zum Lesen, Bearbeiten und Exportieren von Tabellenkalkulationen, während Sie in Webbrowsern arbeiten.

Fügen Sie die folgende Quelle der "hinzu"Blatt”JavaScript -Bibliothek in Tag des Projekts:

Versuchen wir ein Beispiel, um eine HTML -Tabelle mit Daten in einer Tabelle zu exportieren.

Beispiel
Erstellen Sie zunächst eine Tabelle in der HTML -Datei mithilfe der Datei

Schild:

Ausweis	Name	Grad	Rollen#	Alter
1	John	8	118	13
2	Rorda	7	153	12
3	Stephen	9	138	14

Erstellen Sie dann eine Schaltfläche, indem Sie eine anhängen “ONCLICKEreignis, das die "auslösen"htmltabletoExcel ()Funktionieren Sie die Tabelle in ein Excel -Blatt:

Exportieren Sie die HTML -Tabelle in Excel

Die Ausgabe zeigt die Tabelle mit Daten:

Der JavaScript -Code zum Exportieren der Datentabelle in ein Blatt lautet wie folgt:

Funktion htmltabletoExcel (Typ)
var data = document.GetElementById ('tBlToExcl');
var excelfile = xlsx.Utils.table_to_book (Daten, Sheet: "Sheet1");
Xlsx.write (excelfile, bookType: type, bookSst: typ, type: 'base64');
Xlsx.WriteFile (excelfile, 'exportedFile: htmltabletoExcel' + type);

Der obige JavaScript -Code folgt den angegebenen Schritten, um die Tabelle in das Excel -Blatt zu exportieren:

• Eine Funktion definieren “htmltabletoExcel ()" in einem Tag oder die JavaScript -Datei durch Übergeben der “Typ”Als Parameter.
• Abrufen Sie dann die Tabelle mit ihrer ID ab “tBltoExcl"Mit Hilfe der"GetElementById ()" Methode.
• Konvertieren Sie die Tabelle in ein Blatt, indem Sie das aufrufen “table_to_book ()" Methode.
• Schreiben Sie die Tabellendaten in das Excel -Blatt und legen Sie den Namen der Datei fest.

Nach dem Klicken auf die Schaltfläche wird das Blatt heruntergeladen.

Öffnen Sie die heruntergeladene Datei, die HTML -Tabelle wird jetzt erfolgreich in ein Excel -Blatt exportiert:

Aus dem obigen Screenshot ist klar, dass die Daten mit Hilfe von JavaScript erfolgreich in eine Excel -Datei exportiert wurden.

Abschluss

Verwenden Sie zum Exportieren einer HTML -Tabelle in eine Excel -Tabelle die JavaScript -BibliothekBlatt”. Es bietet Funktionen zum Lesen, Bearbeiten und Exportieren von Tabellenkalkulationen, während Sie in Webbrowsern arbeiten. Stellen Sie sicher, dass die zu exportierenden Daten in der HTML -Tabelle geschrieben sind. Der Grund dafür ist, dass Blattjagd die Zeilen und Spalten aus den Tabellen -Tags des HTML -Dokuments nimmt. In diesem Tutorial wurde das Exportieren der HTML -Tabellendaten in ein Excel -Blatt beschrieben.