你可以显示列标题作为输入字段，但这可能会导致一个坏的UX。我建议使用一个图标（按钮）或双击事件来启用编辑：

您可以尝试：

• • 超文本标记语言：**

...
<ng-container [matColumnDef]="value">
    <th mat-header-cell *matHeaderCellDef>
      <span
        *ngIf="!enableEditing"
        (dblclick)="enableEditing = true"
        style="cursor: pointer"
      >
        {{value | titlecase}}
      </span>
      <input
        *ngIf="enableEditing"
        type="text"
        [(ngModel)]="value"
        (keydown.enter)="editName()"
        (focusout)="editName()"
      />
    </th>
    <td mat-cell *matCellDef="let element">{{element.name}}</td>
  </ng-container>
...

和editName()保存更改：

editName() {
  this.displayedColumns = ['position', this.value, 'weight', 'symbol'];
  this.enableEditing = false;
}

• • 一个