Jak wyeksportować tabelę HTML do programu Excel za pomocą JavaScript

Czasami programiści muszą wyeksportować tabele HTML do pliku Excel, który pomaga im zobaczyć statystyki/dane witryny w formacie pliku dla raportowania witryny i korzystać z tego pliku, nawet podczas offline. W JavaScript istnieje wiele bibliotek dla wielu zadań. Podobnie tabela HTML można łatwo przekonwertować na format arkusza Excel za pomocą biblioteki JavaScript.

Ten samouczek zdefiniuje proces wyeksportowania danych tabeli HTML do programu Excel za pomocą JavaScript.

Jak wyeksportować tabelę HTML do programu Excel za pomocą JavaScript?

Aby wyeksportować tabelę z HTML do arkusza kalkulacyjnego Excel, użyj biblioteki JavaScript „ArkusJS”. Zapewnia funkcje do czytania, edytowania i eksportowania arkuszy kalkulacyjnych podczas pracy w przeglądarkach internetowych.

Dodaj poniższe źródło „Arkusz„Biblioteka JavaScript w Tag projektu:

Wypróbujmy przykład, aby wyeksportować tabelę HTML z danymi w arkuszu kalkulacyjnym.

Przykład
Najpierw utwórz tabelę w pliku HTML, używając

etykietka:

ID	Nazwa	Stopień	Rolka#	Wiek
1	Jan	8	118	13
2	Rohnda	7	153	12
3	Stephen	9	138	14

Następnie utwórz przycisk, dołączając „na kliknięcie„Wydarzenie, które wywoła„htmlTableToExcel ()”Funkcja eksportowania tabeli do arkusza Excel:

Eksportuj tabelę HTML do programu Excel

Wyjście pokazuje tabelę z danymi:

Kod JavaScript do eksportowania tabeli danych do arkusza jest następujący:

funkcja htmltableToExcel (type)
var data = dokument.getElementById („tbltoExcl”);
var exvelile = xlsx.Utils.table_to_book (data, arkusz: „arkusz1”);
XLSX.Write (Exfile, BookType: Type, Bookst: True, Type: „Base64”);
XLSX.WriteFile (Exfile, „ExportedFile: htmltableToexcel ' + typ);

Powyższy kod JavaScript wykonuje podane kroki w celu wyeksportowania tabeli do arkusza Excel:

• Zdefiniuj funkcję „htmlTableToExcel ()" w tag lub plik JavaScript, przekazując „typ”Jako parametr.
• Następnie pobieraj tabelę za pomocą jego id ”TbltoExcl”Z pomocą„getElementById ()" metoda.
• Przekonwertować tabelę na arkusz, nazywając „table_to_book ()" metoda.
• Zapisz dane tabeli w arkuszu Excel i ustaw nazwę pliku.

Po kliknięciu przycisku arkusz zostanie pobrany.

Otwórz pobrany plik, tabela HTML jest teraz z powodzeniem eksportowana do arkusza Excel:

Z zrzutu ekranu wynika, że ​​dane zostały pomyślnie wyeksportowane do pliku Excel za pomocą JavaScript.

Wniosek

Aby wyeksportować tabelę HTML do arkusza kalkulacyjnego Excel, użyj biblioteki JavaScript „Arkusz". Oferuje funkcje do czytania, edytowania i eksportowania arkuszy kalkulacyjnych podczas pracy w przeglądarkach internetowych. Upewnij się, że dane do wyeksportowania są zapisane w tabeli HTML. Powodem jest to, że arkusz przyjmuje wiersze i kolumny z tagów tabeli dokumentu HTML. Ten samouczek opisał eksport danych tabeli HTML do arkusza Excel.