问题标签 [mat-table]

使用角度材料垫表时是否可以将特定数据行滚动到视图中cdk-table？

我正在尝试实现键盘滚动但没有运气。

在 Angular Material 官网Angular Material Table中提到 filterPredicate: ((data: T, filter: string) => boolean) 将根据特定字段过滤数据。但不知道如何开始。有没有这方面的例子。

任何人都知道是否可以创建一个与 mat-table 一起使用的“列”组件，我尝试为常用的列定义创建一个组件，但是在添加到表时我收到一个错误，无法找到列选择器，我的列定义如下：

并在表中使用它

和显示的列是：

是否可以这样做，因为我想避免在我有选择列的表中重复？

我有一个包含两个字段的 Angular 材料表：

我导入以下模块：

然后我声明排序如下：

我通过在构造函数中调用以下方法从外部 API 填充数据源：

正如您所注意到的，我试图在加载数据源后附加排序。

我也尝试在 ngAfterViewInit() 和其他几个地方附加排序，但无论我做什么它都不起作用。

任何想法？

我希望您能帮助确定选择选项未出现在 angular 6 mat-paginator 中的原因。以及如何设置后退按钮和下一个按钮的样式。

我正在尝试按照以下示例进行操作：

https://stackblitz.com/angular/anvplbamrbj?file=app%2Ftable-pagination-example.html

在上面的示例中，当我从 mat-paginator 单击 mat-option 时，选择选项会出现在表格上方。当我为我的项目复制此示例时，来自 mat-paginator 的选择选项出现在表格下方。我不知道为什么会这样。

正如我们在打印屏幕中看到的那样，mat-paginator 正在工作，但是当我单击“每页的 itens”选项时，选择选项似乎不可见（当我从网页检查元素时，我只能看到选择选项。

所以我认为这个问题在一些CSS文件中，但我不知道如何解决？

按照我下面的代码：

list-devices.component.html：我只复制并粘贴了来自 stackblitz.com 的示例

.ts 文件

列表设备.component.scss

我正在努力向我的垫表添加一个浮动滚动条。因为我必须一直走到底部才能左右滚动。我在 Jquery 中找到了一个示例。无论如何要将此添加到Angular材料表中。谢谢

http://jsfiddle.net/cowboy/45rEs/show/

这是我的垫表代码：

我有一个垫表，可以像这样动态呈现数据：

我在模型中没有计数，我正在从后端查询项目数，并通过使用聚合函数和 $group 对每种类型有多少进行分组来返回计数。类型（电子产品，家庭......）在集合中......

在聚合和分组查询之后，我得到了这个数组

我想添加一个计数列来计算不同项目的数量，其中电子产品将是它自己的行并在计数列中返回 139，并在其自己的行中返回 400

我成功地记录了从后端返回的数据，但是如何在 mat table 上显示它。

使用 angular 5 材料如何遍历 mat-cell 并获取每种类型（电子，来自不同单元格的家庭）并在其各自的行上显示该类型的计数？任何建议将不胜感激！

如果从“td”标签中选中了单个复选框，并且在从“th”标签中选中主复选框时，它工作正常，我需要启用提交按钮。我正在使用有角度的材料。提前致谢。

找到 Stackblitz 链接：https ://angular-material2-5cgxqf.stackblitz.io/

app.component.html

app.component.ts

Sorry if this question is trivial, I'm very new to Angular and Web UI Kingdom

I'm currently looking at this sample project: https://github.com/marinantonio/angular-mat-table-crud

I was replacing the way the columns were created (from static to dynamic) and the table layout changed into something that is hard to read. I am having trouble understanding how/why this is happening. What makes the difference in how I created my columns? But, most importantly, how do i fix it?

Here is what I have:

componnent.html:

component.ts

I didn't touch the components.css

从后端我得到说注释的 json 数组（一个 json 是一个注释），即

在角度我使用 MaterialTable 。我能够在一行中显示一个注释。

Name、FundType、FirmName、topic1、topic2、topic3（标题行）

ClearBridge 积极成长基金,MF,ABC,topic1, topic2 , topic3 ..

JhanCock 全球绝对 Ret,MF,BCD, topic1, topic2, topic3..

但要求是以垂直方式显示

名称 - ClearBridge Aggressive Growth 基金，JhanCock Global absolute Ret

基金类型 - MF

公司名称 - ABC , BCD

主题1 - 主题1，主题1

主题 2 - 主题 2 , 主题 2

主题 3 - 主题 3，主题 3

数据是 Note 数组，即 Note[] （在 materialtable 中，this.dataSource.data = data as Notes[];）我正在寻找另一个说 NoteDisplay[] 的数组。NotDisplay[] 将具有垂直方式的数据。请指导是否有其他方法可以工作？