Esportazione di tabelle HTML in Excel (.xls) in un foglio separato

Ho una semplice pagina HTML (generata da un'applicazione esterna) che contiene una vista tabella. Sto cercando di rimuovere le tabelle dalla pagina e inserirle in una cartella di lavoro di Excel. Sono riuscito a inserire l'intero contenuto HTML in una cartella di lavoro utilizzando il metodo disponibile here.Esportazione di tabelle HTML in Excel (.xls) in un foglio separato

codice dalla relativa domanda:

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

Il metodo tuttavia non supporta più fogli di calcolo. Quello di cui ho bisogno è che ogni tabella HTML sia nel proprio SpreadSheet nella stessa cartella di lavoro di Excel. Qualcosa del genere: enter image description here

Ho provato a creare un documento Excel di esempio con due fogli di calcolo e quindi eseguirne il reverse engineering osservando un'esportazione in formato .html. Purtroppo non sono riuscito a capire come ricreare la connessione tra una cartella di lavoro e i fogli.

Per quanto posso capire, la funzione format() esegue la combinazione "magica" dei dati del foglio di lavoro e del modello di Excel. La funzione mi sembra molto criptica, quindi non ho idea di come modificarla.

Quello che mi serve come gioco finale è avere la possibilità di chiamare qualcosa del tipo. tableToExcel(document.getElementsByTagName('table'), 'Workbook Name');

Tutte le idee se questo è possibile, e se è così - come fare per realizzarlo?

fonte

2013-08-14 Atanas Bozhkov

Non si può fare più fogli utilizzando solo le tabelle HTML, ma probabilmente si potrebbe scrivere una funzione per esportare le tabelle utilizzando il [formato XML Excel] (http://en.wikipedia.org/wiki/Microsoft_Office_XML_formats). Sarebbe un po 'di lavoro, ma è fattibile. – Danny

Mi sono imbattuto in qualche soluzione per la tabella html per eccellere nel foglio. Puoi fare riferimento a questo http://wsnippets.com/export-html-table-data-excel-sheet-using-jquery – user2943773

Acquista questo post del blog: 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(); 
    }); 
});

Lo si può vedere in azione in jsfiddle: http://jsfiddle.net/kublaios/8ZQN4/1/

fonte

2013-10-05 13:29:45 muek

Grazie per la risposta, ma non lo faccio capisco come questo risolva il problema che ho descritto? –

Questa soluzione ha funzionato solo per crome.E è anche un problema come quando la tabella html ha più dati quindi crome ucciderà la pagina e mostrami come crome è a corto di memoria. – Nency

passo la mia tabella a questa riga, 'var table_div = document.getElementById ('dvData');' e dopo ciò, ho provato ad aprire il documento in live one drive, microsoft couldnt aprirlo, e quindi google drive, ha messo html nella prima cella della cella xml: | – deadManN

Esportazione di tabelle HTML in Excel (.xls) in un foglio separato

risposta

Problemi correlati