Elettracompany.com

Компьютерный справочник
1 просмотров
Рейтинг статьи
1 звезда2 звезды3 звезды4 звезды5 звезд
Загрузка...

Jquery table to excel

Как экспортировать таблицу html в excel с помощью javascript

Моя таблица находится в формате

Я нашел в интернете следующий код. Но это не работает, если я использую теги «thead» и «tbody»

10 Ответов

Работает только в Mozilla, Chrome и Safari..

Причина, по которой решение, которое вы нашли в Интернете, не работает, заключается в том, что строка начинается с var colCount . Переменная mytable имеет только два элемента-

а затем сделайте то же самое для тега

EDIT: я бы также настоятельно рекомендовал использовать jQuery. Это сократило бы это до:

Теперь, конечно, это даст вам некоторые проблемы с форматированием, но вы можете решить, как вы хотите, чтобы он был отформатирован в Excel.

EDIT: чтобы ответить на ваш вопрос о том, как это сделать для n числа таблиц, jQuery уже сделает это. Чтобы сделать это в raw Javascript, захватите все таблицы и затем измените функцию, чтобы иметь возможность передавать таблицу в качестве параметра. Например:

Затем измените значение function write_headers_to_excel() на function write_headers_to_excel(table) . Затем измените значение var myTableHead = document.getElementById(‘headers’); на var myTableHead = table.getElementsByTagName(‘thead’)[0]; . То же самое с вашим write_bodies_to_excel() или как вы хотите это настроить.

Это может быть лучшим ответом, скопированным с этого вопроса . Пожалуйста, попробуйте и дайте свое мнение здесь. Пожалуйста, проголосуйте, если это окажется полезным. Спасибо.

Проверить это. Я только что получил эту работу, и это кажется именно то, что вы пытаетесь сделать, а также.

2 функции. Один выбирает таблицу и копирует ее в буфер обмена, а второй записывает ее в excel en masse. Просто вызовите write_to_excel() и введите свой идентификатор таблицы (или измените его, чтобы принять его в качестве аргумента).

Проверьте https://github.com/linways/table-to-excel . Это оболочка для exceljs/exceljs для экспорта таблиц html в xlsx.

Это создает допустимый xlsx на стороне клиента. Также поддерживает некоторые основные стили. Проверьте https://codepen.io/rohithb/pen/YdjVbb для рабочего примера.

Я думаю, что вы также можете подумать об альтернативных архитектурах. Иногда что-то можно сделать по-другому, гораздо проще. Если производитель файла HTML-это вы, то вы можете написать обработчик HTTP для создания документа Excel на сервере (что гораздо проще, чем в JavaScript) и отправить файл клиенту. Если вы получаете этот файл HTML откуда-то (например, версию отчета HTML), то вы все еще можете использовать язык сервера, такой как C# или PHP, чтобы создать файл Excel все еще очень легко. Я имею в виду, что у тебя могут быть и другие способы. 🙂

Я попробовать это с jquery; используйте это и получайте удовольствие: D

используйте это в своем классе и называйте его с помощью $.printInExcel( ваш var );

Я бы предложил использовать другой подход. Добавьте кнопку на веб-странице, которая будет копировать содержимое таблицы в буфер обмена, с TAB символами между столбцами и новыми строками между строками. Таким образом, функция «paste» в Excel должна работать правильно, и ваше веб-приложение также будет работать со многими браузерами и на многих операционных системах (linux, mac, mobile), и пользователи смогут использовать данные также с другими электронными таблицами или программами обработки текстов.

Читать еще:  Vba excel координаты ячейки

Единственная сложная часть заключается в том, чтобы скопировать в буфер обмена, потому что многие браузеры одержимы безопасностью на этом. Решение состоит в том, чтобы подготовить данные, уже выбранные в textarea, и показать их пользователю в модальном диалоговом окне, где вы скажете пользователю Скопировать текст (некоторые должны будут ввести Ctrl-C, другие команду-c, другие будут использовать «long touch» или всплывающее меню).

Было бы лучше иметь стандартную функцию copy-to-clipboard, которая, возможно, запрашивает подтверждение пользователя. но, к сожалению, это не так.

Похожие вопросы:

Поскольку трудно иметь дело с разными стандартами в разных браузерах, я отказываюсь от попыток экспортировать таблицу html с помощью js или jQuery. Интересно, смогу ли я POST таблицу в html вернуть.

У меня есть около 5000 строк(tr) внутри таблицы HTML, каждая из которых имеет 10 столбцов (td). Теперь я пытаюсь экспортировать всю эту таблицу HTML в excel, используя следующий код jQuery: var test.

У меня есть таблица в формате HTML. IDNameMonthSavings 101RameshJanuary$100 102RamFeb$200 103RamnaMar$300

Export HTML Table Data into Excel Using jQuery in a Ruby on Rails Application

Export data in HTML table is one of the most convenient features in the web application.

Basically export means the user can download the data in some format like Excel, PDF or CSV. Once the data get exported it can be used offline.

Nowadays most of the web applications process data easily without accessing the server continuously at client side itself. It becomes more user-friendly in rapidly accessing data without interacting with the server. It gets required data once on the client side and process as you want.

When to use data exporting in Web application:

Web application developed for administrative purpose where a large amount of data get added on daily basis.

If you want to analyze data offline, exported data help you to create reports for future scope, what will be the next strategies to improve your business.

Data in the tabular format most of the time is required to export.

Let’s take an example of buyers/user in an inventory management system, which contains buyer details.

Export HTML table data in excel using jQuery is one of the best approaches to implement, no need to use any jQuery plugins. On click of a button, the user can easily download the data in excel format.

Читать еще:  Округлт excel на английском

This document will help you to export table data in excel file format with column heading present in the table.

Below is the example of Rails view table code with “Export to Excel” button.

Figure 1: Code for Export HTML Data into Excel

Tags used in rails view table:

tag is used to get the heading in excel sheet after export.

Hidden column data export in excel:

In the above table code if you add any hidden column names, still you can export data in excel.

For example, I have the comment column, I don’t want to display in the table of rails view but comments should be exported to excel.

In that case, just add hidden

After clicking on “Export To Excel” button hidden column data will export.

Javascript function to export data:

Above exportDataToExcel jQuery function will take the table id to get the data from the table of rails view.

After that, it will generate the downloadable URL.

In below line of code, you can provide the file name

See the exported HTML user data in excel format in the given Table 2:

Above is a simple way to export data easily in excelling format. Likewise, you can export data in CSV and PDF format just mention the file type in for example:

We can also customize the excel view and content as per requirement. Above is the simple and easiest way to implement data export in excelling format.

Hope, this blog helps you in your Ruby on Rails Application!

Jquery table to excel

npm is joining GitHub

tableexport.jquery.plugin

Export HTML Table to

  • CSV
  • DOC
  • JSON
  • PDF
  • PNG
  • SQL
  • TSV
  • TXT
  • XLS (Excel 2000 HTML format)
  • XLSX (Excel 2007 Office Open XML format)
  • XML (Excel 2003 XML Spreadsheet format)
  • XML (Raw xml)

To save the generated export files on client side, include in your html code:

To export the table in XLSX (Excel 2007+ XML Format) format, you need to include additionally:

To export the table as a PDF file the following includes are required:

To export the table in PNG format, you need to include:

Regardless of the desired format, finally include:

Please keep this include order.

Options (Default settings)

ignoreColumn can be either an array of indexes (i.e. [0, 2]) or field names (i.e. [«id», «name»]).

  • Indexes correspond to the position of the header elements th in the DOM starting at 0. (If the th elements are removed or added to the DOM, the indexes will be shifted so use the functionality wisely!)
  • Field names should correspond to the values set on the «data-field» attribute of the header elements th in the DOM.
  • «Nameless» columns without data-field attribute will be named by their index number (converted to a string)
Читать еще:  Формат а4 в excel

To disable formatting of numbers in the exported output, which can be useful for csv and excel format, set the option numbers: output to false .

Set the option mso.fileFormat to ‘xmlss’ if you want to export in XML Spreadsheet 2003 file format. Use this format if multiple tables should be exported into a single file.

Excel 2000 html format is the default excel file format which has better support of exporting table styles.

The mso.styles option lets you define the css attributes of the original html table cells, that should be taken over when exporting to an excel worksheet (Excel 2000 html format only).

To export in XSLX format SheetJS/js-xlsx is used. Please note that the implementation of this format type lets you only export table data, but not any styling information of the html table.

Note: There is an option preventInjection (default is enabled) that prevents formula injection when exporting in CSV or Excel format. To achieve that a single quote will be prepended to cell strings that start with =,+,- or @

For jspdf options see the documentation of jsPDF and jsPDF-AutoTable resp.

There is an extended setting for jsPDF option ‘format’ . Setting the option value to ‘bestfit’ lets the tableExport plugin try to choose the minimum required paper format and orientation in which the table (or tables in multitable mode) completely fits without column adjustment.

Also there is an extended setting for the jsPDF-AutoTable options ‘fillColor’, ‘textColor’ and ‘fontStyle’ . When setting these option values to ‘inherit’ the original css values for background and text color will be used as fill and text color while exporting to pdf. A css font-weight >= 700 results in a bold fontStyle and the italic css font-style will be used as italic fontStyle.

When exporting to pdf the option outputImages lets you enable or disable the output of images that are located in the original html table.

Optional html data attributes

(can be applied while generating the table that you want to export)

Ссылка на основную публикацию
Adblock
detector