如何在角材料垂直的列标题下放置复选框？

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>

但是现在看起来像这样：

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

那我有什么改变？

谢谢