时间戳

首页 > 解决方案 > 将 Angular 数据表转换为 xlsx 文件

angular - 将 Angular 数据表转换为 xlsx 文件

问题描述

我有一个角度的数据表。我希望在用户单击下载按钮时将数据表下载为 xlsx 文件。

我尝试使用这篇文章https://medium.com/@madhavmahesh/exporting-an-excel-file-in-angular-927756ac9857 但这不适用于 Angular 7。

实现这一目标的最佳方法是什么？

标签： angularangular-material

解决方案

Blob您可以在和的帮助下做到这一点file-saver：

TS代码：

使用安装文件保护程序

npm i angular-file-saver

和

import { saveAs } from 'file-saver';

ExportTOExcel()
{
   var blob = new Blob([document.getElementById("exportable").innerText], {
        type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8"
      });
   var fileName = 'your_name.xls';
   saveAs(blob, fileName);
}

对于 HTML 添加 id="exportable"到相应的表。

工作堆栈闪电战

推荐阅读