单击时，复选框组件在表中移动

Question

我无法使Angular Material复选框组件正常工作。 当我点击复选框时，复选框会向上移动，因此只显示复选框的一半。

有没有人能解决这个问题？

<table class="material-table">
    <thead>
        <tr>
            <th>Title</th>
            <th>checked</th>
        </tr>
    </thead>
    <tbody>
        <tr *ngFor="let item of items">
            <td>{{ contract.OrderNumber }}</td>
            <mat-checkbox (change)="log(item)" [checked]="item.isChecked"> </mat-checkbox>
        </tr>
    </tbody>
</table>

Answer 1

wandri在https://github.com/angular/material2/issues/8600中发表了评论：

  mat-cell {
    overflow: visible;
  }

但也许你需要更具体：

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