问题标签 [mat-table-exporter]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
586 浏览

angular - 我们如何订阅 Angular Material Tables 中当前显示的数据

我需要知道材料表中当前显示的数据何时更改,并且我需要订阅该更改。如果分页器存在,我只需要获取当前页面数据。

我们如何做到这一点?

0 投票
1 回答
936 浏览

angular - “TableListComponent”类型上不存在属性“exporter”

我的tablelist组件是childcomponent. 我想制作一个 csv/pdf 文件,但不能。但是,使用singleComponet此代码可以工作。这背后有什么问题。我收到如下错误:

表格组件.html

表组件.ts

有什么解决办法吗?

0 投票
0 回答
347 浏览

angular - Angular Mat-Table Export CSV/Excel 不会导出复杂列中的所有数据

我正在使用 Angular 9 和 Material 10。我有一些 Mat-Table(s),它们使用 MatTableExporter 显示并导出到 Excel/CSV,就像所有好的例子一样。但是,如果列的方式很复杂,我会遇到问题。

我有一列需要货币符号和金额。我已经获得了带有枚举的符号并完美显示,但是在导出时只导出货币而不是金额。如果货币符号为 Null,则表示出口量。

如果存在货币符号,则显示 (USD) 100;如果存在货币,则仅显示 100 Excel/CSV 打印 (USD),否则在相关列中显示 100。

我希望将 (USD) 100 打印到 Excel/CSV 列中。

0 投票
0 回答
39 浏览

angular - 使用 npm 包导出的文档中不存在 mat-table 中的表单字段数据:mat-table-exporter

我正在使用 npm 包:mat-table-exporter

我的 mat-data-table 中有一些表单字段,用户可以在运行时填写这些字段,但是,在导出时,这些字段将变为空白。以下是相同的堆栈闪电战:

https://stackblitz.com/edit/mte-demo-dwz9uo?file=src/app/app.component.html

还有一种方法可以在导出时忽略 mat-data-table 中的任何特定行吗?我的表中有一个“无数据存在”行,如果后端没有数据,则有条件地显示该行,但是无论表中是否存在数据,此行都出现在导出的文档中。

0 投票
0 回答
98 浏览

angular-material - 使用 angular 10 和行跨度导出 excel,使用分页的 colspan

如何使用 mat export excel 以 Angular 10 导出 excel。

在我的表中有行跨度和列跨度与分页,我使用 mat export excel 它正在工作,但是当我有行跨度或 colspan 时,表没有正确导出。

0 投票
0 回答
34 浏览

csv - Mat-Table-Export - 如何将分隔符逗号更改为 CVS 格式的分号?

"@angular/core": "~10.0.0", "mat-table-exporter": "^9.0.2",

我在下面有这一行,我正在使用 Mat-Table-Export,这是非常有用的组件

即:https ://stackblitz.com/edit/mte-demo?file=src%2Fapp%2Fapp.component.html 来源:https ://www.npmjs.com/package/mat-table-exporter

如何将默认分隔符“,”更改为“;”?

我试过了,但我做不到。有人可以帮助我吗?

0 投票
2 回答
946 浏览

angular - 如何从在 mat-cell 中有输入的表中导出数据?

我有一个 Angular 材料项目,我正在尝试使用该模块将数据从表中导出到xlsx文件中。MatTableExporter

我有列IDNameactions(编辑和删除),但它只显示列 ID 和操作,名称列显示为空。

我的问题:因为名称列显示为空,我怎样才能显示数据?如何从xlsx文件中删除操作列?

这是我的component.html

这是我的xlsx文件:

在此处输入图像描述

0 投票
0 回答
22 浏览

angular-material - 如何从表头内有选择框的分页垫表中导出数据?

我正在使用带有 angular8 的 mat 表导出器包将 mat 表导出到 xlsx,但在我的一个列中,我在标题内有一个选择框,因此在导出表后,我得到了包含所有选择值的特定列的名称。导出时有什么方法可以修剪列或编辑列名

有什么办法我只能将位置显示为标题名称而不是 excel 表中的选择框

这就是我的垫头的样子

这就是我的标题在 excel 中的样子

0 投票
2 回答
50 浏览

angular - 如果表已导出,则更改数据源后无法导出表

我在排除 mat-table-exporter 问题的原因时遇到了一些问题;并且正在寻找有关如何解决此问题的指导,因为发生此问题时我没有可使用的 console.log 输出。

我有我想象的将数据加载到表中并替换数据源的非常常见的模式;这是一些有问题的代码示例:-

和 HTML...

这是有问题的场景:-

  • 工作:如果我在初始报告加载时导出到 Excel,那工作正常;isExporting 在导出时为真。

  • 作品:如果我选择不同的报告(单选按钮),那么 this.dataSource 被替换;这也很好。

  • 不起作用:如果导出报告;然后我选择不同的报告(单选按钮) - 我无法再次使用导出功能。当我单击“导出到 Excel”时,isExporting 设置为“true”,但没有其他任何反应,它永远不会返回 false,并且没有 console.log 输出指示任何错误;所以很难排除故障。

我希望有一些错误;但也许到目前为止我无法通过谷歌搜索找到一些丢失的东西......比如在更改 this.dataSource.data 后需要刷新一些东西(虽然,表格显示新数据很好 - 新数据是可导出的也一样,只要我没有先导出其他东西......)

希望这是有道理的!

格伦

版本:“mat-table-exporter”:“^1.2.5”、“@angular/core”:“~8.2.14”、“@angular/cdk”:“~8.2.3”、“@angular/material ": "^8.2.3",

解决方案:删除 mat-paginator 上的 *ngIf