Question

我有一个用角形材料制成的列名项目。在标题下有一些复选框。

但是，如果您在表格中向下滚动，则列标题名称也会滚动。但这必须坚持他的立场。

所以这是html：

<ng-container matColumnDef="projects">
    <th mat-header-cell *matHeaderCellDef (mouseover)="show = true" (mouseout)="show = false" mat-sort-header i18n>
      <div class="mat-checkbox-project">

          <div class="row" *ngFor="let item of returnProjectCodes; let i = index">
            <mat-checkbox
              (click)="$event.stopPropagation()"
              (change)="filterProjects($event, i, item); selected=i"
              [checked]="selected === i"
              >{{ item.name }}
            </mat-checkbox>
          </div>
      </div>
      <div class="mat-sort-header-button-project">Project</div>
    </th>

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

为此指定重要的CSS：

.mat-sort-header-button-project {
  //position: relative;
  position: fixed;
}

我已经做过：position: fixed，因为列标题名称与列名称下方的复选框一致。

但是现在的问题是，如果您在表中向下浏览，则列标题项目将滚动。而不是坚持自己的立场。

那么我必须改变的是它也坚持职位？

谢谢

Answer 1

无需添加外部CSS即可使列/行变得粘稠。

请参阅官方文档中的example on stackblitz。

希望这会有所帮助！

如何用角形材料在标题上贴标题？

1 个答案: