在检查时破碎的mat-cell内的Angular 2 mat-checkbox

Question

有人可以帮我解决这个问题吗？

这是我的代码：

$array

我正在Inspect上寻找解决方案，并意识到当我取消选中该位置时，检查工作是否正常。

谢谢！

Answer 1

只需修复复选框位置即可。这应该可以解决问题。

<mat-checkbox [(ngModel)]="element.checked" class="fixed"></mat-checkbox>

.fixed {
    position: fixed;
}

Answer 2

似乎问题来自“溢出”属性的默认值。 尝试将其设置为取消设置

<ng-container matColumnDef="checked">
  <mat-header-cell *matHeaderCellDef> </mat-header-cell>
  <mat-cell *matCellDef="let element" style="overflow: unset;">
    <mat-checkbox [(ngModel)]="element.checked"></mat-checkbox>
  </mat-cell>
</ng-container>

Answer 3

这是一个简单的CSS问题

我在@ Angular / material @ 5.0.2上解决了这个问题

mat-cell.mat-cell, mat-header-cell.mat-header-cell {
    overflow: visible;
}