问题标签 [angular-material-table]

我尝试在 Material 表的单元格中显示图像。因此我在我的 HTML 文件中尝试了这段代码：

不幸的是，我的表中没有任何内容。

我正在尝试使用 IEX 交易 API 创建一个股票报价表。但是，我在尝试将其连接到数据源时遇到问题。我可以使用 ngfor 并显示数据，但是在尝试使用表格时没有显示数据。我不确定还能尝试什么。我在想这可能是我从 API 接收数据的方式。在服务类中，我尝试将其转换为数组，以便它可以与表一起使用。

我正在使用一些有角度的材料组件，但输入框和选择选项元素出了点问题。选择选项未正确对齐。当我单击查看选择选项列表时，它会显示我当前 div 之外的内容，或者可以说页面左侧不正确。

ng -v

附上图片它的样子：

我有一个标准的垫子表，并应用了 angular/animation api 的动画，以便在加载表时让行从左侧滑入。

表.html

表格.ts

rowsAnimation.ts

现在，动画仅适用于表格加载时的随机几行，而其他行只是在没有应用动画的情况下出现。我一直试图弄清楚为什么它只适用于表中的几行。

任何帮助或建议将不胜感激。

更新 看起来 mat 排序是问题的原因，但我不知道如何解决它。使用我的排序代码更新文件。当表格加载时，我是否必须在我的行的排序和动画之间进行选择？

实际上要求是从角度材料表生成 json 数组对象或 json 对象，以便我可以使用该对象并导出到 Excel 表。

下面是数据。

下面是材料表。

我想生成这个材料表的 json 对象。

我有一个如下所示的 API 响应：

我想将此对象用作我的材料数据表的数据源，但出现此错误：

提供的数据源与数组、Observable 或 DataSource 不匹配

我尝试使用这样的单元格定义：

但这没有用。

我当然可以遍历我的对象并创建一个这样的数组：

这可能会解决我的问题，但我宁愿不这样做，因为我觉得这是不必要的。

编辑

我通过将此代码添加到我的服务调用来修复它：

我的 mat-table 工作正常，但是在按照官方 api 文档添加 mat-sort 时，它在 ngAfterViewInit 失败并显示以下消息

无法设置未定义的 aq LeadsComponent.push../src/app/leads/leads.component.ts.LeadsComponent.ngAfterViewInit 的属性“排序”

Mat-table Sorting Demo 上已经有一个 SO 帖子并尝试了它们，但我仍然无法使其正常工作。

有人能帮我解决这个问题吗？官方示例使用组件本身中定义的“静态”MatTableDataSource，但是我从后端查询。

MatSortModule 已经在 app.module.ts 中导入，mat-sort-header 指令应用于列，并且 ngAfterViewInit 已经与官方示例中的完全一样......

我正在处理 Angular Material Table，当我单击复选框时，我正在使用带有选择的分页，它会选择数据表的所有行

我只想选择当前所选页面上的行。

以下是stackblitz的链接

https://stackblitz.com/edit/angular-ssv6fc-k34hn6?file=app/table-selection-example.ts

tableData.component.ts

表数据.html

在 tableData.component.ts 中有分页和选择的功能

我还尝试在数据表的标题中绑定索引，但没有找到方法。

请帮助解决这个问题。

我正在使用角材料在 angular6 中创建一个应用程序。如何在单个表格中使用 2 个分页。 我想在页眉和页脚处显示分页。

标题分页仅显示带有下拉菜单的“每页项目”。页脚分页将显示箭头和所有内容。

当我添加 2 个分页时，第二个不工作。

请参考截图

谢谢。

我非常努力地让这张表与 firebase 一起使用分页和排序。我能够让表格与 firebase 一起工作，但是一旦我尝试引入排序和分页，一切都开始变得模糊。我阅读了文档，然后看到有原理图，所以我生成了材料表原理图并尝试对其进行调整，但这只是把我留在了这里。不知道为什么这看起来比它需要的挑战更大。我已经在这里待了几天了，我在这里想念什么？

这是我的 Data-table-datasource.ts

我的 dataviewdata.service 从 firebase 获取数据：

我的数据表.component.ts：

如果需要 component.html：