要解决“Angular Material - 缺少标题、页脚和行的定义;无法确定应该渲染哪些列”的问题,你可以按照以下步骤进行操作:
MatTableModule
、MatSortModule
和 MatPaginatorModule
。import { MatTableModule } from '@angular/material/table';
import { MatSortModule } from '@angular/material/sort';
import { MatPaginatorModule } from '@angular/material/paginator';
@NgModule({
imports: [
MatTableModule,
MatSortModule,
MatPaginatorModule
],
...
})
export class AppModule { }
mat-table
元素中添加 matHeaderRowDef
、matFooterRowDef
和 matRowDef
指令来定义标题、页脚和行。
Name
{{ item.name }}
Age
{{ item.age }}
displayedColumns
数组来指定要显示的列,然后传递给模板中的行定义指令。export class YourComponent implements OnInit {
displayedColumns: string[] = ['name', 'age'];
// 其他代码...
}
通过按照以上步骤操作,你应该能够解决“Angular Material - 缺少标题、页脚和行的定义;无法确定应该渲染哪些列”的问题,并正确地显示表格的标题、页脚和行。