angular - Angular Material - 无法将标题分成两列
问题描述
我正在使用 Angular Material Angular 版本 ~5 .. 我有一个标题,但我想要两个标题(如下所示)
任何人都可以帮忙吗?这是片段...
<ng-container matColumnDef="selected">
<mat-header-cell *matHeaderCellDef>
<mat-checkbox (change)="AllItemsChange($event)" [(checked)]="selectAllItems">Students</mat-checkbox>
</mat-header-cell>
<mat-cell *matCellDef="let group">
<mat-checkbox [(ngModel)]=group.selected>{{group.name}}</mat-checkbox>
</mat-cell>
</ng-container>
这就是我想要实现的
解决方案
您可以在 mat-table 中有多个 header0cell 和 mat-cell 组合。
<table mat-table [dataSource]="dataSource" class="mat-elevation-z8">
<ng-container matColumnDef="name">
<th mat-header-cell *matHeaderCellDef> Student </th>
<td mat-cell *matCellDef="let user"> {{user.name}} </td>
</ng-container>
<ng-container matColumnDef="score">
<th mat-header-cell *matHeaderCellDef> Score </th>
<td mat-cell *matCellDef="let user"> {{user.score}} </td>
</ng-container>
</table>
推荐阅读
- mongodb - 带有项目的 MongoDB 组
- sql - 子查询作为联接?
- javascript - 拆分 csv 行并转换数值(Typescript、Javascript)
- javascript - JS 数组 — 将 1D 数组重新组织为 N 组的 2D 数组,按顺序放置值
- c++ - MSVC 中从 _Ty 到 int 警告的转换累积
- amazon-ec2 - 为什么选择 RDS/Aurora 而不是 AWS 上的 EC2 实例,或者选择 CloudSQL 而不是 Compute Engine (VM) 作为数据库服务器?
- controller - 在 Hybris 中扩展控制器加速器服务
- c++ - 两台不同机器之间通过 wifi 进行 C++ Socket 通信
- python - pygame,如何让我的游戏中的分数在循环内只添加一次?
- karate - 空手道:将 JSCH 类与空手道框架集成