Eksportowanie tabel HTML do programu Excel (.xls) w oddzielnym arkuszu

Mam prostą stronę HTML (generowaną przez aplikację zewnętrzną), która zawiera widok tabeli. Próbuję zeskrobać tabele ze strony i umieścić je w skoroszycie programu Excel. Udało mi się umieścić całą zawartość HTML w skoroszycie przy użyciu dostępnej metody here.Eksportowanie tabel HTML do programu Excel (.xls) w oddzielnym arkuszu

Kod z powiązanego pytanie:

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)) 
    } 
})()

JSFiddle

metoda jednak nie obsługuje wielu arkuszy kalkulacyjnych. Potrzebuję tego, aby każda tabela HTML była w swoim arkuszu kalkulacyjnym w tym samym skoroszycie programu Excel. Coś takiego: enter image description here

Próbowałem utworzyć przykładowy dokument Excel z dwoma arkuszami kalkulacyjnymi, a następnie wykonać inżynierię wsteczną, analizując eksport w formacie .html. Niestety nie udało mi się zrozumieć, jak odtworzyć połączenie między skoroszytem a arkuszami.

O ile rozumiem, funkcja format() dokonuje "magicznego" łączenia danych z arkusza roboczego i szablonu Excela. Ta funkcja jest dla mnie bardzo zagadkowa, więc nie mam pojęcia, jak ją zmodyfikować.

To, czego potrzebuję jako gry końcowej, to możliwość wywołania czegoś takiego. tableToExcel(document.getElementsByTagName('table'), 'Workbook Name');

Wszelkie pomysły, jeśli jest to w ogóle możliwe, a jeśli tak, to jak to zrobić?

Źródło

2013-08-14 Atanas Bozhkov

Nie można tego zrobić za pomocą zaledwie kilku arkuszy tabele HTML, jednak można chyba napisać funkcję eksportować tabele przy użyciu [formatu XML programu Excel] (http://en.wikipedia.org/wiki/Microsoft_Office_XML_formats). To byłoby trochę pracy, ale jest to wykonalne. – Danny

Natknąłem się na jakieś rozwiązanie dla tabeli html, aby prześcignąć arkusz.możesz polecać tę http://wsnippets.com/export-html-table-data-excel-sheet-using-jquery – user2943773

Zamówienie tego blogu: 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(); 
    }); 
});

Można zobaczyć go w akcji w jsfiddle: http://jsfiddle.net/kublaios/8ZQN4/1/

Źródło

2013-10-05 13:29:45 muek

Dziękuję za odpowiedź, ale nie mówię t zrozumieć, w jaki sposób rozwiązuje problem, który opisałem? –

To rozwiązanie działało tylko dla Crome. I to jest również kwestia podniesienia, tak jak wtedy, gdy tabela html ma więcej danych, a następnie Crome zabije stronę i pokaże mi, że crome wyczerpał się z pamięci. – Nency

Przepuszczam mój tabelę do tej linii, 'var table_div = document.getElementById ('dvData');' a następnie, próbowałem otworzyć dokument na żywo jeden dysk, Microsoft nie mógł go otworzyć, a następnie google dysk, to umieścić html w pierwszej komórce komórki xml: | – deadManN

Eksportowanie tabel HTML do programu Excel (.xls) w oddzielnym arkuszu

Odpowiedz

Powiązane problemy