2013-08-14 4 views
11

У меня есть простая HTML-страница (созданная внешним приложением), которая содержит табличное представление. Я пытаюсь соскоблить таблицы со страницы и поместить их в книгу Excel. Мне удалось разместить все содержимое HTML в книге, используя доступный метод here.Экспорт HTML-таблиц в Excel (.xls) на отдельном листе

код из соответствующего вопроса:

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

Вы не можете сделать несколько листов, используя только таблицы HTML, но вы могли бы написать функцию для экспорта таблиц с использованием формата [Excel XML] (http://en.wikipedia.org/wiki/Microsoft_Office_XML_formats). Было бы немного работать, но это выполнимо. – Danny

+0

Я натолкнулся на какое-то решение для таблицы html для excel sheet. Вы можете называть это http://wsnippets.com/export-html-table-data-excel-sheet-using-jquery – user2943773

ответ

4

заказ этот блог: 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/

+1

Спасибо за ответ, но я не знаю, Понимаете, как это решает проблему, которую я описал? –

+2

Это решение работает только для crome.And это также проблема с повышением, например, когда таблица html имеет больше данных, тогда crome убьет страницу и покажет мне, что у crome закончилась нехватка памяти. – Nency

+0

Я передаю таблицу в эту строку: 'var table_div = document.getElementById ('dvData');' и после этого я попытался открыть документ на одном диске, microsoft не смог его открыть, а затем Google-диск, html в первой ячейке ячейки xml: | – deadManN