html - 如何在有角度的材料中垂直放置列标题下的复选框？

Question

我有一个带有一些标题列的角度材料表。但是在一个标题栏下，我有一些项目名称的复选框。

我有这样的：

 <ng-container matColumnDef="projects">
        <th mat-header-cell *matHeaderCellDef (mouseover)="show = true" (mouseout)="show = false" mat-sort-header i18n>
          <div class="col">
            <div class="row" *ngFor="let item of returnProjectCodes; let i = index">
              <mat-checkbox
                (click)="$event.stopPropagation()"
                (change)="filterProjects($event, i, item)"
                [checked]="selected === i"
                [disabled]="isDisabled"
                >{{ item.name }}
              </mat-checkbox>
            </div>
          </div>
          Project
        </th>

        <td mat-cell *matCellDef="let row">{{ row.projects }}</td>
      </ng-container>

但现在它看起来像这样：

但当然，标题列项目必须位于复选框上方，与其他列标题一致。

那我有什么改变？

谢谢

标签： htmlcssangular-material