问题标签 [mat-table]

基于这篇文章：如何根据下拉列表中的多项选择过滤结果？

，如果两个选定的值来自不相邻的列怎么办？

例如，如果两个下拉列表是“名称”和“符号”？

dataSource.filter 是否将通配符作为输入？像“氢*H”

如果没有，我们如何实现这个功能，以便它可以执行 AND 运算符？

我有一个垫表，每页最多可显示 100 个条目。起初，我在底部有一个垫子分页器，效果很好。现在我被要求在表格顶部设置一个分页器，在表格底部设置另一个分页器，因此如果用户正在寻找位于顶端。
问题是两个分页器必须链接到同一个数据源。我尝试为每个人提供不同的 id，使用 ViewChild 获取它们并将它们分配给相同的数据源，但它只适用于其中一个。

main.component.ts：

main.component.html：

将分页器链接到数据源：

有人可以指导我吗？

嗨，我有一张带有展开折叠选项的垫子表。

我已完全使用以下链接作为参考。

https://stackblitz.com/edit/angular-material2-expandable-rows-filter-pagination-sorting

现在的问题是我需要在打开新行之前折叠所有先前打开的行。

有人可以帮助我吗？

我有一个名为List的组件，因为我在 mat-cards 中显示数据。当我单击特定的 mat-card 时，它正在路由到该组件中名为home的另一个组件，现在我在 mat-card 中显示特定的 mat-card 数据，如下所示：

但我想在mat-table中显示相同的数据这是 stackblitz DEMO。

在单页中，我想在选项卡中制作两个表格。标签工作正常。如果我在 html 中评论任何表，那么单个表正在加载，我尝试使用 consol.table 获取数据，数据也可以正常工作，但在 html 中它会给出错误：

Material Anguler Mutliple table dataSource + Material Anguler Mutliple table in single Templete '找不到具有 id 的列'

//表格1

//表2

//ts文件中Material Anguler的TS文件代码

所以，我在 mat-table 中使用data-label时遇到问题。我有一个包含大量数据列的表，并希望使其具有响应性。我用谷歌搜索了如何制作它，发现我可以使用data-label属性。问题是（据我了解）数据标签不支持角度 {{code}}。

它只能这样工作（仅限静态数据）。如果我试图在控制台中用花括号写一些东西，我有一个异常“无法绑定到‘标签’，因为它不是‘mat-cell’的已知属性。1.如果‘mat-cell’是一个 Angular 组件并且它有 'label' 输入，然后验证它是这个模块的一部分。 2. 如果 'mat-cell' 是一个 Web 组件，然后将 'CUSTOM_ELEMENTS_SCHEMA' 添加到这个组件的 '@NgModule.schemas' 以压制这条消息。”

谁能解释一下如何解决这个问题，谢谢！

静态数据在这里工作

我有一个问题，我不知道如何从我的组件中解决它我发送一个 Resource 数组，以便另一个组件读取它并将其注入到由 mat-table 读取的 DataSource 中。查阅了Angular的文档，我发现它是正确的。我不知道它是否是 html 中不允许我看到的内容。有人可以告诉我原因吗？

太感谢了

我的 .ts

我的.html

console.log(this.resources)是img：

我有一个带有排序、过滤和分页功能的垫子表。现在，我正在寻找一种使用 mat-select 过滤 matTableDataSource 的方法。这是我的代码Stackblitz 有人可以帮我吗？

当过滤器与以下内容不匹配时，我尝试显示空消息错误：

但它不起作用，因为我用 MatTableDataSource 构建了一个动态表。

为了更好地理解，我将动态表更改为预定义的数组。

但是，有必要使用 MatTableDataSource 来动态构建用户表

这是我所有的 ts 代码。

这是我的 HTML 代码。

我正在尝试提升 mat-table 中悬停的行，因此将高度更改为<tr>悬停时，但作为阴影效果的高度没有显示在行的底部，而是显示在行的顶部、左侧和右侧。

.html

.ts

.css

我在这里想念什么？

我尝试使用“z24”、“z16”、“z8”等，但没有用。