gpt4 book ai didi

javascript - Angular2/Javascript 表导出到 Excel

转载 作者:太空宇宙 更新时间:2023-11-04 16:28:40 24 4
gpt4 key购买 nike

大家好,我们似乎对导出的 Excel 文件的格式有疑问,这是我们的代码:

import { Component,ViewContainerRef } from '@angular/core';

@Component({
selector: 'my-app',
template: `<input type="button" (click)="tableToExcel('testTable', 'W3C Example Table')" value="Export to Excel">
<table id="testTable" rules="groups" frame="hsides" border="2">
<tr>
<th>111111</th>
<th>222222</th>
</tr>
<tr>
<td>333334</td>
<td>444443x</td>
</tr>
</table>
`
})

export class AppComponent{

tableToExcel(table, name){
let 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]--><meta http-equiv="content-type" content="text/plain; charset=UTF-8"/></head><body><table>{table}</table></body></html>'
, base64 = function(s) { return window.btoa(decodeURI(encodeURIComponent(s))) }
, format = function(s, c) { return s.replace(/{(\w+)}/g, function(m, p) { return c[p]; }) }
if (!table.nodeType) table = document.getElementById(table)
var ctx = {worksheet: name || 'Worksheet', table: table.innerHTML}
window.location.href = uri + base64(format(template, ctx))
}
}

这是输出的屏幕截图: Excel File

正如您所看到的,解析中包含某些 html 元素,我该如何正确格式化它?

最佳答案

我们发现,如果有人需要引用,我们也可以回答这个问题,我们只是将“decodeURI”更改为“decodeURIComponent”,并且格式结果很好。

关于javascript - Angular2/Javascript 表导出到 Excel,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40012794/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com