Angular1.8+FileSaver 纯前端导出Table为Excel(excel中表格设置样式)

最新推荐文章于 2022-12-06 17:48:24 发布

樱花语

最新推荐文章于 2022-12-06 17:48:24 发布

阅读量761

点赞数

本文链接：https://blog.csdn.net/zyy_hbcz/article/details/109160307

版权

本文展示了如何在Angular应用中使用FileSaver库将一个Table转换为Excel文件，并且讨论了如何在Excel中设置表格样式。通过提供代码示例，作者解释了一个关键问题：不使用特定设置时，Excel导出的表格可能没有网格线。

摘要由CSDN通过智能技术生成

什么都不说了，直接上代码！！！

<button nz-button nzType="default" (click)="tableToExcel('exportableTable', 'DVData', template, 'DV_DATA.xls')">
	<i nz-icon nzType="export" nzTheme="outline"></i>导出
</button>

备注： exportableTable是 html页面中Table所在的div的id；

template =
  ' <style type="text/css">' +
  'table {' +
  '    font-family: verdana,arial,sans-serif;' +
  '    font-size:11px;' +
  '    color:#333333;' +
  '    border-width: 1px;' +
  '    border-color: #666666;' +
  '    border-collapse: collapse;' +
  '}' +
  'table th {' +
  '    padding: 8px;' +
  '    width: 200px;' +
  '	 height: 30px;' &#