如何将角形材料表导出为pdf和csv,应单击按钮下载

时间:2019-03-31 15:40:51

标签: javascript angular frontend mat-table

我正在使用Angular Material Table来显示我从API调用中获取的数据。现在的问题是,如何通过单击按钮将Mat-Table数据导出为PDF和CSV格式,任何可以帮助我实现目标的Angular模块。

谢谢

1 个答案:

答案 0 :(得分:1)

因此,您的问题涉及很多方面,而且我确定您已经在Google周围搜索了,但是我将分享一些我过去用于完成类似工作的内容。

HTML表格转换为PDF

我认为,如果没有某种屏幕截图实用程序或某些今天不存在的自定义功能,您将无法获得与Material相同的外观和感觉。但是我发现了另一个执行类似功能的JS库的堆栈溢出链接。显然这可能存在兼容性问题,例如Angular,但是我相信您可以环顾四周,看看是否存在可以与Angular很好配合的东西。

Here's the html table -> PDF link:

将CSV数据下载为文件

这个简单一些。如果您已经知道数据,则可以使用javascript将表数据数组转换为UTF-8编码的字符串,然后使用text/csv MIMETYPE将数据下载为文件。

每次我都必须这样做时,我总是回到下面相同的堆栈溢出链接以供参考。

JavaScript Download CSV StackOverflow