如何将 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
我正在使用 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