42得票6回答
如何使用MatTableDataSource与observable?

我正在使用 mat-table,并尝试使用 MatTableDataSource 与可观察对象一起使用(从 Web 服务获取数据),但我不知道如何配置 MatTableDataSource 以使用可观察对象而不是数组。 解决此问题的唯一方法是在 ngOnInit 方法中订阅可观察对象,并始终在...

23得票1回答
如何使用Angular Material表格添加多个表头行

参数1: 时间段 {{element.value}} 参数2: 性别 {{element.gender}} <ng-container matColumnDef="column3"> <mat-header-cell *matH...

20得票5回答
如何在Angular 16中为Material表格的表头添加colSpan和rowSpan?

我正在尝试在Angular Material表头中添加rowSpan和colSpan。有人可以帮我实现吗? 以下是我想要使用Material表格获得的附加表头。

18得票5回答
在 Material 表格底部包括按钮和分页器

我使用 Angular Material 表格,并且需要在表格的页脚行中添加一个命令按钮和表格的分页器,类似于这样的东西: 我的代码实际上是这样的<div class="example-table-container mat-elevation-z8"> <tabl...

17得票3回答
为什么我无法将边框应用到Angular mat-table的行?

我有一个简单的 Angular Material 表格:<table mat-table [dataSource]="scoreboardData"> <ng-container matColumnDef="name"> <th mat-hea...

16得票3回答
缺少标题、页脚和行的定义;无法确定应呈现哪些列 - Angular Material 表格

我使用的是 Angular 9.0.4 和 @angular/material 9.1.3,想要显示一个基本的 Material 表格:<table mat-table [dataSource]="devizas" class="mat-elevation-z8"> <!...

16得票7回答
当mat-table在NgIf中时,mat-paginator会出现问题

我有一个Angular项目,其中使用mat-table和mat-paginator来显示某个视图,问题是该视图具有网格视图和表格视图的切换功能。默认情况下是网格视图,并且当激活网格视图时,表格视图会被使用NgIf隐藏。如果将默认值设置为表格视图,则分页正常工作,除非我切换到网格视图然后再切回来...

13得票1回答
Angular Material表格如何将对象传递给displayedColumns,而不是数组

我正在使用Angular8和Material table来构建一个表格。 我正在使用字符串数组来定义显示的列,并将每个数组值传递给matColumnDef指令。 这一切都正常工作。 TSdisplayedColumns: any[] = ['username', 'firstname',...

12得票2回答
在Angular 2版本6中更新MatTableDataSource的正确方法

我有一个清单,使用了 mat-table 组件,该组件由 MatTableDataSource 提供数据。 在 component.html 中。 <table mat-table [dataSource]="dataSource" matSort> 在 com...

11得票3回答
在Material表格单元格中展示图片的Angular方法

我试图在我的Material表格的一个单元格中显示一张图片。因此,我在我的HTML文件中尝试了以下代码:<ng-container matColumnDef="ImageUrl"> <mat-header-cell *matHeaderCellDef> imageU...