将多个html表转换为具有多个工作表的Excel工作簿

时间:2017-11-15 10:55:15

标签: javascript html xml excel html-table

我正在尝试将多个表从网页导出到Excel工作簿,每个表有一个工作表,任何人都设法做到这一点,而无需将表转换为<rows>并利用html {{1} } xml,即在<table>内。

目前我正在使用以下功能,但是,虽然它确实创建了多个工作表,但它将所有表放入第一个工作表。

<body></body>

像这样使用 function arrayToExcel(tablesId, filename) { var uri = 'data:application/vnd.ms-excel;base64,'; var worksheetTemplate = '<x:ExcelWorksheet><x:Name>{worksheet}</x:Name><x:WorksheetOptions><x:DisplayGridlines/></x:WorksheetOptions><table>{table}</table></x:ExcelWorksheet>'; var format = function(s, c) { return s.replace(/{(\w+)}/g, function(m, p) { return c[p]; }) } var worksheets = tablesId.map(function(name){ return format(worksheetTemplate, {worksheet: name}); }).join(''); var tables = tablesId.map(function(txt){ var table = document.getElementById(txt).innerHTML; return format(tableTemplate, {table}); }).join(''); var formattedXML = '<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><o:DocumentProperties xmlns="urn:schemas-microsoft-com:office:office"><o:Author>Dominik Dumaine</o:Author><o:Created>'+ (new Date()).getTime() +'</o:Created></o:DocumentProperties>' +'<x:ExcelWorkbook><x:ExcelWorksheets>' + worksheets +'</x:ExcelWorksheets></x:ExcelWorkbook></xml><![endif]--><meta http-equiv="content-type" content="text/plain; charset=UTF-8"/></head><body>' + tables +'</body></html>' , base64 = function(s) { return window.btoa(unescape(encodeURIComponent(s))) } window.location.href = uri + base64(formattedXML); }

有没有人对我如何修改上述内容有任何建议,以便不同的表格转到不同的工作表? 使用额外的内联CSS,HTML看起来像这样:

arrayToExcel(["tbl1","tbl2"], "Name of Workbook")

N.B。:我见过Butani Vijay对How to convert html table to excel with multiple sheet?的回答,它不符合我的要求

1 个答案:

答案 0 :(得分:0)

https://github.com/SheetJS/js-xlsx table_to_book和table_to_sheet实用程序函数采用DOM TABLE元素并遍历子节点。