angular - 如何使用分页导出 Angular Material 表(mat-table)？

Question

我使用 Angular Material table (mat-table) 和 paginator (mat-paginator) 来渲染大表格。我想将整个表格(所有页面)导出为 CSV。我可以将当​​前页面导出为 CSV，但不能一次导出所有页面。

我不能只从数据源导出数据，因为模板使用管道和其他格式，我需要导出具有相同的格式。

一种选择是，当用户点击导出时，它将禁用分页，运行导出代码，然后在正确设置当前页面的情况下重新启用分页。但是用户会看到屏幕发生变化，浏览器可能需要一些时间才能在屏幕上完全呈现整个巨大的表格。在 Angular 中是否有更有效的方法来执行此操作，我可以在内存中或屏幕外重新生成该表组件，这样用户就不会注意到表发生了变化等等？

Answer 1

mat-table-exporter可以是导出 Material 表的解决方案。它以 excel、csv、json 和 txt 格式导出。

它导出所有表格以及数据在屏幕中的呈现方式。然而，导出大表应该考虑在后端完成。