mat-table相关内容

错误:无法读取未定义的属性(正在读取HeaderCell)-在角度材料表中创建反应形式

我正在尝试创建一个具有反应性形式的角度材质表。 我需要添加一些属性,所以我使用的是formArray。 但是我的表没有显示任何结果,而ANGLE使我返回相同的错误: 错误类型错误:无法读取未定义(正在读取)的属性 ‘HeaderCell’) 这是我到目前为止得到的: HTML ..

如何将MatTableDataSource与可观察对象一起使用?

我正在使用MAT表,并且正在尝试将MatTableDataSource用于可观察对象(我从Web服务获取数据),但我不知道如何将MatTableDataSource配置为使用可观察对象而不是数组。 此问题的唯一解决方案是订阅ngOnInit方法中的可观测对象,并在新数据到达时始终创建新的MatTableDataSource吗? 这是我到目前为止拥有的全部信息,但我不知道这是否是将Mat ..
发布时间:2022-02-22 17:42:12 其他开发

使用有角度的材料创建类似数学矩阵的动态垫表

我在创建表时遇到一个问题.我的结构数据是动态的,这意味着行数和列数是可变的,如矩阵 m*n.和 struct 可在 此处 上获得. 我想将 json(上图) 显示到 ma​​t-table.但我无法正确地将数据分配给表,它在 table.show 上显示重复数据column0 用于 mat-table 的所有行. 而表中的正确数据应该是 我的代码可在 stackblitz 上找到 ..
发布时间:2021-11-28 08:08:59 其他开发

如何异步获取mat表每一行的数据

我正在使用 mat-table , 表的每一行有八列,给表的数据源只填充了表的每一行的4列,对于每行剩下的4列我们要请求另一个api,在它的api中,每行的id也必须发送 有人可以指导我吗? 解决方案 您需要创建一个包含所有列的数据.所以你应该使用 rxjs 操作符:switchMap、forkJoin 和 map 想象一下你有一个有两个功能的服务 list()//返 ..
发布时间:2021-11-15 04:42:19 其他开发

如何异步获取mat表每一行的数据

我正在使用 mat-table , 表的每一行有八列,给表的数据源只填充了表的每一行的4列,对于每行剩下的4列我们要请求另一个api,在它的api中,每行的id也必须发送 有人可以指导我吗? 解决方案 您需要创建一个包含所有列的数据.所以你应该使用 rxjs 操作符:switchMap、forkJoin 和 map 想象一下你有一个有两个功能的服务 list()//返 ..
发布时间:2021-11-15 04:33:42 其他开发

如何在我自己的 Angular 数据表中实现过滤?

我在使用过滤器时遇到问题.我决定实现我的个人数据源而不使用 MatTableDataSource,因此我没有可用的过滤器方法.我可以从 HTML 捕获事件,然后将其传递给组件,然后从组件将其传递给数据源.唯一的问题是,即使接收到过滤器,表也不会更新,就好像没有我不知道如何实现的事件发射器一样.例如,如果我插入过滤器并更改页面顺序,过滤器将起作用.我会发布代码以获得更好的外观,我很抱歉发音 数 ..
发布时间:2021-11-10 02:13:06 其他开发

Angular Material Table spitted headers 添加了sticky header 功能

我有吐痰的标题角材料表,我正在寻求帮助以添加粘性标题. 我尝试使用 sticky: true 但不知何故它不适用于我的第一列(因为我隐藏了该列.)以及第一行.它显示的是第二行. 下面是我的桌子 当我使用下拉菜单时,只有这些标题会比其他标题具有粘性. 下面是我的stackblitz. https://stackblitz.com/edit/angular-bklajw- ..
发布时间:2021-11-10 02:12:32 其他开发

如何异步获取mat表每一行的数据

我正在使用 mat-table , 表的每一行有八列,给表的数据源只填充了表的每一行的4列,对于每行剩下的4列我们要请求另一个api,在它的api中,每行的id也必须发送 有人可以指导我吗? 解决方案 您需要创建一个包含所有列的数据.所以你应该使用 rxjs 操作符:switchMap、forkJoin 和 map 想象一下你有一个有两个功能的服务 list()//返 ..
发布时间:2021-11-10 02:11:47 其他开发

当我首先过滤然后对表格进行分组时,垫表中的行消失

当我不过滤时,mat-table 中的分组工作正常. 当过滤或将焦点放在搜索栏上时,表格会被过滤,但是如果我取消组合它,垫表的行就会消失. 请帮助我提供一个解决方案,即使在我对其进行过滤后,该解决方案也可以对表格进行分组或取消分组. 当我首先将焦点放在过滤器搜索栏上时,即使在分组时也会出现此问题. 当我为搜索栏设置过滤器时,我认为问题在于过滤器谓词. 这是工作堆栈闪电战链接: ht ..
发布时间:2021-11-10 02:11:44 其他开发

排序对象的属性角材质

我正在尝试使用 mat-sort-header 对 mat-table 进行排序.我可以使用字符串或数字等常见属性来实现. this.data.forEach(x=>{x.proveedorNombre=x.idProveedor.nombre删除 x.idProveedor} 另一种解决方案是创建一个sortingDataAccesor this.dataSource.sortingD ..
发布时间:2021-11-10 02:10:47 前端开发

Angular Material Table spitted headers 添加了sticky header 功能

我有吐痰的标题角材料表,我正在寻求帮助以添加粘性标题. 我尝试使用 sticky: true 但不知何故它不适用于我的第一列(因为我隐藏了该列.)以及第一行.它显示的是第二行. 下面是我的桌子 当我使用下拉菜单时,只有这些标题会比其他标题具有粘性. 下面是我的stackblitz. https://stackblitz.com/edit/angular-bklajw- ..
发布时间:2021-11-10 02:10:45 其他开发

如何忽略角度材料表中的空值排序

我正在向表中添加一行,以便添加一条新记录,并且无论排序标题是什么(asc、desc 或无),我都希望将该行保留在顶部. 当没有定义 order 或 asc 时,该行在顶部,但当单击 desc order 时,该行转到底部. 关于如何将空值(数据源中的新行对象具有用于列排序的空值)始终保持在顶部的任何想法? 无订单即可:https://i.stack.imgur.com/J3Ou1 ..
发布时间:2021-11-10 02:06:12 其他开发

如何以编程方式对 MatTableDataSource 进行排序?

我正在尝试以编程方式对 MatTableDataSource 进行排序,以便在查看特定移动布局中的数据时,可以通过使用按钮而不是通过表格列标题对数据进行排序.但是,我在这样做时遇到了麻烦. 我已经遵循了这篇博文的建议,但没有反映数据排序.使用与表格相同的数据的移动版式设计: 我用来尝试对数据进行排序的函数是: sortDataSource(id: string, start: str ..
发布时间:2021-11-10 01:58:07 其他开发

Mat-Table:以角度 2 将一行滚动到视图中

是否可以在使用角材料 mat-table cdk-table 时将特定数据行滚动到视图中? 我正在尝试实现键盘滚动但没有运气. 解决方案 我现在可以使用了.不完美,但它有效. 请参阅我之前的消息中提到的堆栈闪电战示例. https://stackblitz.com/edit/mensand-rowselect?file=app%2Ftable-basic-example. ..
发布时间:2021-11-10 01:57:34 其他开发

水平滚动上的垫表背景颜色

在我的 angular 6 应用程序中使用 mat-table,我无法为 mat-h​​eader-row 和 mat-row正确地水平滚动.CSS 属性仅应用于屏幕的可见部分,一旦向右滚动,就不会分配颜色. 我的表中有大约 30 列,因此肯定需要水平滚动. 我的CSS如下: .mat-toolbar {字体大小:17px;字体系列:继承;背景颜色:靛蓝;最大高度:12vh;}.ma ..
发布时间:2021-11-10 01:51:38 前端开发

列式垫桌

我有一种情况,我从后端收到的数据是面向列的.该数据的示例如下: [{ columnName: "ID", 单元格: [1, 2, 3, 4, 5] },{ columnName: "Name", 单元格: ["a", "b", "c", "d", "e"] }] 到目前为止,我已经设法像这样配置我的 mat-table: ..
发布时间:2021-11-10 01:51:29 其他开发