mat-table相关内容
我正在尝试创建一个具有反应性形式的角度材质表。 我需要添加一些属性,所以我使用的是formArray。 但是我的表没有显示任何结果,而ANGLE使我返回相同的错误: 错误类型错误:无法读取未定义(正在读取)的属性 ‘HeaderCell’) 这是我到目前为止得到的: HTML
..
我正在使用MAT表,并且正在尝试将MatTableDataSource用于可观察对象(我从Web服务获取数据),但我不知道如何将MatTableDataSource配置为使用可观察对象而不是数组。 此问题的唯一解决方案是订阅ngOnInit方法中的可观测对象,并在新数据到达时始终创建新的MatTableDataSource吗? 这是我到目前为止拥有的全部信息,但我不知道这是否是将Mat
..
Angular 7 带来了强大的 DragDropModule:https://material.angular.io/cdk/drag-drop/examples 该文档涉及重新排列列表中的项目或在多个列表之间转移项目.但是,它没有谈论表格. 我想知道是否有一种舒适的方法可以使用 angular material 的拖放系统来重新排序 mat-table 或 cdk-table 中的
..
我在创建表时遇到一个问题.我的结构数据是动态的,这意味着行数和列数是可变的,如矩阵 m*n.和 struct 可在 此处 上获得. 我想将 json(上图) 显示到 mat-table.但我无法正确地将数据分配给表,它在 table.show 上显示重复数据column0 用于 mat-table 的所有行. 而表中的正确数据应该是 我的代码可在 stackblitz 上找到
..
我正在使用 mat-table , 表的每一行有八列,给表的数据源只填充了表的每一行的4列,对于每行剩下的4列我们要请求另一个api,在它的api中,每行的id也必须发送 有人可以指导我吗? 解决方案 您需要创建一个包含所有列的数据.所以你应该使用 rxjs 操作符:switchMap、forkJoin 和 map 想象一下你有一个有两个功能的服务 list()//返
..
我正在使用 mat-table , 表的每一行有八列,给表的数据源只填充了表的每一行的4列,对于每行剩下的4列我们要请求另一个api,在它的api中,每行的id也必须发送 有人可以指导我吗? 解决方案 您需要创建一个包含所有列的数据.所以你应该使用 rxjs 操作符:switchMap、forkJoin 和 map 想象一下你有一个有两个功能的服务 list()//返
..
任何人都知道是否可以创建一个用于 mat-table 的“列"组件,我曾尝试为常用的列定义创建一个组件,但是当添加到表格时,我收到一个无法找到的错误列选择器,我的列定义如下: @Component({选择器:'iam-select-column',模板:`
..
我正在尝试在 Angular material Table header 中添加 rowSpan 和 colSpan.谁能帮我实现它. 下面是我想使用材料表获得的附加标题 解决方案 我有和你一样的示例任务.我只是很容易用第二个标题不显示任何内容.
..
我在使用过滤器时遇到问题.我决定实现我的个人数据源而不使用 MatTableDataSource,因此我没有可用的过滤器方法.我可以从 HTML 捕获事件,然后将其传递给组件,然后从组件将其传递给数据源.唯一的问题是,即使接收到过滤器,表也不会更新,就好像没有我不知道如何实现的事件发射器一样.例如,如果我插入过滤器并更改页面顺序,过滤器将起作用.我会发布代码以获得更好的外观,我很抱歉发音 数
..
我有吐痰的标题角材料表,我正在寻求帮助以添加粘性标题. 我尝试使用 sticky: true 但不知何故它不适用于我的第一列(因为我隐藏了该列.)以及第一行.它显示的是第二行. 下面是我的桌子 当我使用下拉菜单时,只有这些标题会比其他标题具有粘性. 下面是我的stackblitz. https://stackblitz.com/edit/angular-bklajw-
..
我正在使用 mat-table , 表的每一行有八列,给表的数据源只填充了表的每一行的4列,对于每行剩下的4列我们要请求另一个api,在它的api中,每行的id也必须发送 有人可以指导我吗? 解决方案 您需要创建一个包含所有列的数据.所以你应该使用 rxjs 操作符:switchMap、forkJoin 和 map 想象一下你有一个有两个功能的服务 list()//返
..
当我不过滤时,mat-table 中的分组工作正常. 当过滤或将焦点放在搜索栏上时,表格会被过滤,但是如果我取消组合它,垫表的行就会消失. 请帮助我提供一个解决方案,即使在我对其进行过滤后,该解决方案也可以对表格进行分组或取消分组. 当我首先将焦点放在过滤器搜索栏上时,即使在分组时也会出现此问题. 当我为搜索栏设置过滤器时,我认为问题在于过滤器谓词. 这是工作堆栈闪电战链接: ht
..
我正在尝试使用 mat-sort-header 对 mat-table 进行排序.我可以使用字符串或数字等常见属性来实现. this.data.forEach(x=>{x.proveedorNombre=x.idProveedor.nombre删除 x.idProveedor} 另一种解决方案是创建一个sortingDataAccesor this.dataSource.sortingD
..
我有吐痰的标题角材料表,我正在寻求帮助以添加粘性标题. 我尝试使用 sticky: true 但不知何故它不适用于我的第一列(因为我隐藏了该列.)以及第一行.它显示的是第二行. 下面是我的桌子 当我使用下拉菜单时,只有这些标题会比其他标题具有粘性. 下面是我的stackblitz. https://stackblitz.com/edit/angular-bklajw-
..
我正在向表中添加一行,以便添加一条新记录,并且无论排序标题是什么(asc、desc 或无),我都希望将该行保留在顶部. 当没有定义 order 或 asc 时,该行在顶部,但当单击 desc order 时,该行转到底部. 关于如何将空值(数据源中的新行对象具有用于列排序的空值)始终保持在顶部的任何想法? 无订单即可:https://i.stack.imgur.com/J3Ou1
..
我正在尝试以编程方式对 MatTableDataSource 进行排序,以便在查看特定移动布局中的数据时,可以通过使用按钮而不是通过表格列标题对数据进行排序.但是,我在这样做时遇到了麻烦. 我已经遵循了这篇博文的建议,但没有反映数据排序.使用与表格相同的数据的移动版式设计: 我用来尝试对数据进行排序的函数是: sortDataSource(id: string, start: str
..
是否可以在使用角材料 mat-table cdk-table 时将特定数据行滚动到视图中? 我正在尝试实现键盘滚动但没有运气. 解决方案 我现在可以使用了.不完美,但它有效. 请参阅我之前的消息中提到的堆栈闪电战示例. https://stackblitz.com/edit/mensand-rowselect?file=app%2Ftable-basic-example.
..
我使用可观察数组作为数据源.这很好用,只是我现在无法弄清楚如何使用分页器.下面是html和ts html 日期
..
在我的 angular 6 应用程序中使用 mat-table,我无法为 mat-header-row 和 mat-row正确地水平滚动.CSS 属性仅应用于屏幕的可见部分,一旦向右滚动,就不会分配颜色. 我的表中有大约 30 列,因此肯定需要水平滚动. 我的CSS如下: .mat-toolbar {字体大小:17px;字体系列:继承;背景颜色:靛蓝;最大高度:12vh;}.ma
..
我有一种情况,我从后端收到的数据是面向列的.该数据的示例如下: [{ columnName: "ID", 单元格: [1, 2, 3, 4, 5] },{ columnName: "Name", 单元格: ["a", "b", "c", "d", "e"] }] 到目前为止,我已经设法像这样配置我的 mat-table:
..