如何将 Angular Material Table 导出为 pdf 和 csv,单击按钮即可下载

How to export an Angular Material Table into a pdf as well as csv, which should be downloaded on click of a button

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

谢谢

所以你的问题涵盖了很多方面,我相信你已经用谷歌搜索过了,但我将分享一些我过去用来做类似工作的东西。

HTML Table 到 PDF

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

很好地配合使用的东西。

Here's the html table -> PDF link:

将 CSV 数据下载为文件

这个更直接一点。如果您已经知道数据,则可以使用 javascript 将 table 数据数组转换为 UTF-8 编码字符串,并使用 text/csv MIMETYPE 下载该数据作为文件。

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

JavaScript Download CSV Whosebug