问题标签 [angular-material-table]

我可以更改标签的浮动默认紫色吗？

我有一个简单的角材料表：

我想在行之间添加一些额外的边距以及边框，甚至可能还有一些填充。我发现我能够更改行的背景颜色，但我无法对行应用边距、填充或边框。

我确定这很简单，但我不知道是什么阻止我将这些样式应用于行。同样，我可以更改背景、其中的字体和其他几种样式，但不能更改这三种特定样式（填充、边距、边框）。

编辑：我已经确定在任何 html 表上都不允许填充和边距。边界仍然躲避我。

我正在关注在 Angular Material Design 上构建联系人管理器应用程序的视频教程，该应用程序专为 Angular 和 Angular Material 的第 5 版而设计，但我使用的是 Angular 7.0.4 和 Material 7.2.0。

我正在实现材料选项卡，其中有两个选项卡将联系人的简历与这些联系人的笔记分开。第一个选项卡正确地为每个选项卡提取正确的生物，但第二个选项卡，注释选项卡，不会刷新。无论显示哪个联系人，第二个选项卡都将保留上次联系人刷新浏览器时的注释。由于它默认为第一个联系人，因此每个contact.s 注释都会显示第一个联系人的注释。

联系人和生物的更改由以下 SidNav 组件控制：

sidenav.component.ts

notes.component.ts：

user.service.ts：

我正在使用 mat 表和 mat-row 中的那个 mat 表的代码屏幕截图，我想路由到桌面视图中的另一个组件并在移动视图中展开该行，在这个我使用 multiTemplateDataRows ，但我得到一个每行后有额外的空白行。我也附上了 ref 的 scrrenshots。

我使用 Angular 材料制作了一个表格，其列包含来自 [dataSource] 的多个属性值。我想对列中的每个属性进行排序。当单击一个箭头对应于列中的一个属性时，表格将立即按照该属性进行排序。但目前对我来说是不可能的。我研究了 MatSort，但它似乎不支持我的情况。

该表如下所示：

快照表图像

您可以在第一列中看到：显示了 2 个属性：“租金”和“管理费”。当我单击“租赁”左侧的排序箭头时，表格将按照“租赁”进行排序。当我点击“管理费”时，表格将按照“管理费”进行排序，其他列也是如此。

对于一个专栏：我做了一个这样的样子：

我使用 Angular 7.0 版

在这种情况下，任何人都可以帮助我。太感谢了。

我有一个角材料表。当我用表格包围表格的 html 时，<div *ngIf="true">表格呈现，但单击标题列时数据不再排序。

举个例子：https ://material.angular.io/components/table/overview#sorting

并修改它，只需添加<div *ngIf="true"> ... </div>演示此行为。示例位于：https ://stackblitz.com/edit/angular-quzvjv

我有一个带有 matRipple 效果的可点击行的角材料表。在表中，我有一个按钮作为行之一。单击按钮时，它会发出一个事件，到目前为止，我已经停止了事件传播，这可以很好地防止两个元素检测到单击事件。有没有办法只在单击按钮时暂时取消父行的涟漪效应？

我正在使用 Angular 7，并且我有一个带有Angular Material Table的简单组件。通过一些事件，比如鼠标点击，我希望能够更新该现有表的数据和表头。

前：

之后（目标）：

目前，我正在获取要更新的数据。但是，我无法获取要更新的列的标题文本，除非，也就是说，我做了一个相当狡猾的窗口超时调用。

这很难描述，所以stackblitz repo应该会有所帮助。在我已经链接到那里的“table-dynamic-columns.example.ts”文件中，我有两种不同的策略可以在“changeColumnHeader”按钮单击处理程序上尝试。看来，为了让我的新列标题显示出来，我需要先清除表中显示的列，然后在超时时正确设置它们。也许它不起作用，因为属性名称保持不变（即“id”）并且只有标题发生了变化。

有谁知道更好的方法来让它正确更新？

创建了具有两个组件（A&B）的应用程序，并在编辑时弹出对话框：

• Comp A 从服务中获取数据并加载到数据表中

• 当从 A 触发 pop 事件时，Comb B 会启动数据。

通常将多个记录与数组响应一起加载到表中。

当触发 pop 时，为记录 1 正确加载记录 2 的表单数据时，将加载相同的值 1 而不是 2。

用于MAT_DIALOG_DATA将表格数据导入B组件。

填写表格 B 的唯一记录

A_component.ts：

B组件.ts

和 HTML 代码：

我有一个使用 Angular Material 呈现表格的组件mat-table。它工作正常，但在我的规范文件中，该表没有呈现正文的元素（tds 和trs），因此测试失败。似乎我正确初始化了文本，我导入了MatTableModule，并且还初始化了mat-table.

组件获取输入到数据源，它不是异步的，我fixture.detectChanges()在初始化输入后调用。

table和body标签被渲染，但标签body是空的。table为什么没有呈现数据的任何建议？

谢谢

这是测试代码的示例：