问题标签 [mat-table]

我想在 matTable 中为“移动滚动到顶部”创建一个按钮，但我没有得到它。

但它不起作用，nativeElement不是MatTable的元素，我该怎么办？

我在垫卡内有一张桌子，但桌子的内容不是全宽的。

将表格设置为宽度：100% 不起作用

我的 samplepage.component.ts

我的 samplepage.component.html

我是角度的新手。我需要帮助从表中删除特定行，一旦删除该行，表应该得到刷新或者它应该显示现有数据。我只有静态行。这只是我想向客户展示的简单的样机 html。

每行都有删除按钮，单击删除按钮我调用 deleteTicket(rowid)。

当 deleteTicket 方法被触发时，该行不会从 Ui 中删除，但是当我控制台 this.myDataArray 时，数据会从对象中删除。

我尝试了所有的可能性。

我是 Angular 的初学者，我在mat-table中显示我的用户列表数据，我的要求是我想检查mat-cell是否为空，如果只是空的话，我想显示“无价值”。

我为我的要求编写了下面的代码，但我遇到了异常。

我在我的 Angular 应用程序中创建了一个服务。锦标赛.service.ts：

现在我希望能够访问这些数据，然后将其显示在角度数据表中......

我可以在这里访问这部分的数据：eventmanagement.component.ts：

虽然我目前被困在如何让它显示在这样的垫子表中（https://material.angular.io/components/table/examples）

这是我要开始工作的表：eventmanagement.component.html：

我正在使用一个表格组件，其中可以通过单击专用列中的星形图标将行标记/取消标记为收藏：

这完美地工作：通过单击图标，该行被标记为收藏，isFaved(row)返回 true，并且相应地更新图标。

反之亦然：单击收藏行的图标时，该行未标记为收藏，isFaved(row)返回 false 并更新图标。

我还有一个辅助用例，其中父组件可以更改行的收藏状态。

这也部分起作用：表格获取关于不喜欢哪一行的信息，并且表格组件中的知识被正确更新，因此isFaved(row)将返回正确的信息。

不幸的是，没有任何东西触发这个功能，因为没有点击收藏图标，所以图标错误地留在收藏状态，直到我手动刷新页面。

我该如何处理这种情况？有没有比启动虚拟点击事件更优雅的方法？

在 Angular Material 上为 mat-table 添加页脚时，出现此错误：

column.footerCell 未定义

下面是我的代码：

数据如下所示：

如果我删除页脚代码，一切正常。对此有什么想法吗？

我有一个垫表，我使用以下 css 将标题和单元格居中对齐：

我最终得到的是：我的桌子

这是stackblitz中的代码

我要解决的问题是列标题之一（“Amount 9 Column Name”）正在被包装。有足够的空间使其他列更窄一些。有没有办法让单元格自动调整大小，以免这个标题被包裹？我已经看到了一些其他帖子，这些帖子使用以下内容手动设置其他列的列宽：

但如果可以的话，我想避免这样做。我不想浏览每一页上的每个表格并调整多个列。谢谢。

更新： 我仍然没有解决这个问题，但如果我将 html 更新为：

和CSS：

然后这些列适合内容，但我为使每列的内容和标题居中所做的工作不再有效。

我正在尝试以编程方式对 MatTableDataSource 进行排序，以便在查看特定移动布局中的数据时，可以通过使用按钮而不是通过表列标题对数据进行排序。但是，我在这样做时遇到了麻烦。

我已经按照这篇文章关于如何操作的建议进行操作，但没有反映数据排序。使用与表格相同的数据的移动布局设计：

我用来尝试对数据进行排序的函数是：

通过点击垫子菜单中的按钮调用它，例如

对此的任何帮助将不胜感激！

链接到 StackBlitz。

编辑：添加我将数据分配给来自 Observable 数组的表的 dataSource 的位置：

编辑 2：删除错误图像，通过将“matSort”添加到mat-card用于*ngFor创建移动布局版​​本的mat-table.

我正在使用 amat-table来显示文章列表。我可以更改不同文章的价格。更新文章价格后，我将取回更新的文章（更新的资源）。我想刷新我的数据源，而不必调用 getArticles 并加载所有文章，因为我已经有了更新的文章。

所以我可以更新数据源来替换旧的更新项目，或者这是正确的方法吗？