Как экспортировать HTML-таблицу в Excel с помощью JavaScript

Kak Eksportirovat Html Tablicu V Excel S Pomos U Javascript



Иногда разработчикам необходимо экспортировать таблицы HTML в файл Excel, который помогает им просматривать статистику/данные веб-сайта в формате файла для отчетов веб-сайта и использовать этот файл даже в автономном режиме. В JavaScript есть несколько библиотек, доступных для разных задач. Точно так же таблицу HTML можно легко преобразовать в формат листа Excel с помощью библиотеки JavaScript.

В этом руководстве будет определен процесс экспорта данных таблицы HTML в Excel с использованием JavaScript.

Как экспортировать HTML-таблицу в Excel с помощью JavaScript?

Для экспорта таблицы из HTML в электронную таблицу Excel используйте библиотеку JavaScript. ЛистJS ». Он предоставляет функции для чтения, редактирования и экспорта электронных таблиц при работе в веб-браузерах.







Добавьте приведенный ниже источник « ЛистJS » Библиотека JavaScript в <голова> тег проекта:



< тип сценария знак равно 'текст/javascript' источник знак равно 'https://unpkg.com/ [электронная почта защищена] /dist/xlsx.full.min.js' > сценарий >

Давайте попробуем на примере экспортировать таблицу HTML с данными в электронную таблицу.



Пример
Сначала создайте таблицу в файле HTML, используя <таблица> ярлык:





< идентификатор таблицы знак равно 'таблтоекскл' граница знак равно 'два' >
< голова >
< й > Идентификатор й >
< й > Имя й >
< й > Оценка й >
< й > Рулон# й >
< й > Возраст й >
голова >
< тело >
< тр >
< тд > 1 тд >
< тд > Джон тд >
< тд > 8 тд >
< тд > 118 тд >
< тд > 13 тд >
тр >
< тр >
< тд > два тд >
< тд > Ронда тд >
< тд > 7 тд >
< тд > 153 тд >
< тд > 12 тд >
тр >
< тр >
< тд > 3 тд >
< тд > Стивен тд >
< тд > 9 тд >
< тд > 138 тд >
< тд > 14 тд >
тр >
тело >
стол >

Затем создайте кнопку, прикрепив « по щелчку », которое вызовет « htmlTableToExcel() ” для экспорта таблицы в лист Excel:

< идентификатор кнопки знак равно 'кнопка' по щелчку знак равно 'htmlTableToExcel('xlsx')' > Экспорт таблицы HTML в EXCEL кнопка >

Вывод показывает таблицу с данными:



Код JavaScript для экспорта таблицы данных на лист выглядит следующим образом:

функция htmlTableToExcel ( тип ) {
был данные знак равно документ. получитьэлементбиид ( 'таблоExcl' ) ;
был excelФайл знак равно XLSX. утилиты . таблица_к_книге ( данные , { лист : 'лист1' } ) ;
XLSX. записывать ( excelФайл , { bookType : тип , книгаSST : истинный , тип : 'base64' } ) ;
XLSX. writeFile ( excelФайл , 'Экспортедфиле: HTMLTableToExcel' + тип ) ;
}

Приведенный выше код JavaScript следует указанным шагам для экспорта таблицы на лист Excel:

  • Определить функцию htmlTableToExcel() ' в <скрипт> тег или файл JavaScript, передав « тип ” в качестве параметра.
  • Затем извлеките таблицу, используя ее идентификатор. tblToExcl » с помощью « получитьэлемент по идентификатору() метод.
  • Преобразуйте таблицу в лист, вызвав функцию « таблица_в_книгу() метод.
  • Запишите данные таблицы на лист Excel и установите имя файла.

После нажатия кнопки лист будет загружен.

Откройте загруженный файл, теперь таблица HTML успешно экспортирована в лист Excel:

На скриншоте выше видно, что данные были успешно экспортированы в файл excel с помощью JavaScript.

Вывод

Для экспорта таблицы HTML в электронную таблицу Excel используйте библиотеку JavaScript « ЛистJS ». Он предлагает функции для чтения, редактирования и экспорта электронных таблиц при работе в веб-браузерах. Убедитесь, что данные для экспорта записаны в HTML-таблицу. Причина в том, что SheetJS берет строки и столбцы из тегов таблицы HTML-документа. В этом руководстве описывается экспорт данных таблицы HTML в лист Excel.