问如何将编辑图标和数据放在mat表中的一个<td>中

EN

.mat-cell .mat-select {
     width: auto;         
     min-width: 100px; /*adjust accordingly*/
}

<span *ngIf="!element.isSelected; else editPlace">
                    {{element.value}}
</span>
<button mat-icon-button aria-label="Toggle star" *ngIf="i!==2 && !element.isSelected"
        (click)="editSetting(element)"
        style="color: blue">
    <mat-icon class="material-icons">edit</mat-icon>
</button>

<ng-template #editPlace>
    <div class="editPlace">
        <mat-select>
            <mat-option *ngFor="let value of dropDownValues">
                {{value.name}}
            </mat-option>
        </mat-select>
    <button mat-raised-button color="accent" class="submit-button" *ngIf="element.isSelected" (click)="update(element)">Update</button>
    </div>
</ng-template>
<ng-container *ngIf="i===2">
    <mat-slide-toggle></mat-slide-toggle>
</ng-container>

.editPlace {
  display: flex;
}

.editPlace > * {
  margin-right: 10px;
}

.mat-select {
  border: 1px solid #666666;
  border-radius: 5px;
  width: 10em;
}