js導出Excel表格


js導出Excel表格

  直接上代碼:

  紅色部分:如果表格數據中有“1/1”這樣的值,會在導出的Excel中轉化為日期“1月1日”,所以才加上了紅色那兩句。如果返回值中沒有這樣的格式,紅色部分可以不寫。

 1 //Excel下載
 2 function base64(content) {
 3     return window.btoa(unescape(encodeURIComponent(content)));
 4 }
 5 function exportOffice(dom, tableID, fName) {
 6     var type = 'excel';
 7     var table = document.getElementById(tableID);
 8     var excelContent = table.innerHTML;
 9     var ddd="<td style=\"mso-number-format:'\\@';\">";
10     var result=((excelContent).toString()).replace(/<td(.*?)>/g,ddd);
11     console.log(result);
12     var excelFile = "<html xmlns:v='urn:schemas-microsoft-com:vml' xmlns:o='urn:schemas-microsoft-com:office:office' xmlns:x='urn:schemas-microsoft-com:office:" + type + "' xmlns='http://www.w3.org/TR/REC-html40'>";
13     excelFile += "<head>";
14     excelFile += "<meta http-equiv=Content-Type; content=text/html;charset=UTF-8>";
15     excelFile += "<!--[if gte mso 9]>";
16     excelFile += "<xml>";
17     excelFile += "<x:ExcelWorkbook>";
18     excelFile += "<x:ExcelWorksheets>";
19     excelFile += "<x:ExcelWorksheet>";
20     excelFile += "<x:Name>";
21     excelFile += "{worksheet}";
22     excelFile += "</x:Name>";
23     excelFile += "<x:WorksheetOptions>";
24     excelFile += "<x:DisplayGridlines/>";
25     excelFile += "</x:WorksheetOptions>";
26     excelFile += "</x:ExcelWorksheet>";
27     excelFile += "</x:ExcelWorksheets>";
28     excelFile += "</x:ExcelWorkbook>";
29     excelFile += "</xml>";
30     excelFile += "<![endif]-->";
31     excelFile += "</head>";
32     excelFile += "<body><table>";
33     excelFile += result;
34     excelFile += "</table></body>";
35     excelFile += "</html>";
36     var base64data = "base64," + base64(excelFile);
37     switch (type) {
38         case 'excel':
39             dom.href = 'data:application/vnd.ms-' + type + ';' + base64data;
40             ;//必須是a標簽,否則無法下載改名
41             dom.download = fName;
42             break;
43     }
44 }

   引用:

  1、首先得是a標簽

  2、this:指向a的點擊

  3、'grid-basic':表格的id名

  4、'統計報表':導出Excel后的表格名

<a onClick="exportOffice(this,'grid-basic','統計報表')">導出Excel</a>

 

  附上轉換紅色部分參考文獻:https://www.cnblogs.com/zhangym118/p/6378469.html

  

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM