Экспорт таблиц HTML в Excel (.xls) на отдельном листе
У меня есть простая HTML-страница (созданная внешним приложением), которая содержит табличное представление.
Я пытаюсь очистить таблицы со страницы и поместить их в книгу Excel.
Мне удалось разместить все содержимое HTML в рабочей книге, используя доступный метод здесь.
Код из соответствующего вопроса:
var tableToExcel = (function() {
var uri = 'data:application/vnd.ms-excel;base64,'
, template = '<html xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:x="urn:schemas-microsoft-com:office:excel" xmlns="http://www.w3.org/TR/REC-html40"><head><!--[if gte mso 9]><xml><x:ExcelWorkbook><x:ExcelWorksheets><x:ExcelWorksheet><x:Name>{worksheet}</x:Name><x:WorksheetOptions><x:DisplayGridlines/></x:WorksheetOptions></x:ExcelWorksheet></x:ExcelWorksheets></x:ExcelWorkbook></xml><![endif]--></head><body><table>{table}</table></body></html>'
, base64 = function(s) { return window.btoa(unescape(encodeURIComponent(s))) }
, format = function(s, c) { return s.replace(/{(\w+)}/g, function(m, p) { return c[p]; }) }
return function(table, name) {
if (!table.nodeType) table = document.getElementById(table)
var ctx = {worksheet: name || 'Worksheet', table: table.innerHTML}
window.location.href = uri + base64(format(template, ctx))
}
})()
Однако метод не поддерживает несколько электронных таблиц. Мне нужно, чтобы каждая таблица HTML находилась в ней собственного SpreadSheet в той же книге Excel. Что-то вроде этого:
![enter image description here]()
Я попытался создать образец документа Excel с двумя электронными таблицами, а затем перепроектировать его, посмотрев на экспорт в формате .html. К сожалению, я не смог понять, как воссоздать соединение между рабочей книгой и листами.
Насколько я понимаю, функция format()
выполняет "магическое" объединение данных рабочего листа и шаблона Excel. Функция выглядит очень загадочной для меня, поэтому я понятия не имею, как ее изменить.
То, что мне нужно в качестве конечной игры, имеет возможность называть что-то вроде.
tableToExcel(document.getElementsByTagName('table'), 'Workbook Name');
Любые идеи, если это вообще возможно, и если да - как это сделать?
Ответы
Ответ 1
Оформить запись в этом блоге: http://www.kubilayerdogan.net/?p=218
$(document).ready(function() {
$("#btnExport").click(function(e) {
//getting values of current time for generating the file name
var dt = new Date();
var day = dt.getDate();
var month = dt.getMonth() + 1;
var year = dt.getFullYear();
var hour = dt.getHours();
var mins = dt.getMinutes();
var postfix = day + "." + month + "." + year + "_" + hour + "." + mins;
//creating a temporary HTML link element (they support setting file names)
var a = document.createElement('a');
//getting data from our div that contains the HTML table
var data_type = 'data:application/vnd.ms-excel';
var table_div = document.getElementById('dvData');
var table_html = table_div.outerHTML.replace(/ /g, '%20');
a.href = data_type + ', ' + table_html;
//setting the file name
a.download = 'exported_table_' + postfix + '.xls';
//triggering the function
a.click();
//just in case, prevent default behaviour
e.preventDefault();
});
});
Вы можете увидеть это в действии в jsfiddle: http://jsfiddle.net/kublaios/8ZQN4/1/