mat-table重复数据数组的最后一项，而不是显示每个唯一的行

<table mat-table [dataSource]="dataArr">
  <ng-container matColumnDef="column1">
    <th mat-header-cell *matHeaderCellDef> Column 1 </th>
    <td mat-cell *matCellDef="let element"> {{element.column1}} </td>
  </ng-container>

  <!-- Define more columns here -->

  <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
  <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
</table>

import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-your-component',
  templateUrl: './your-component.component.html',
  styleUrls: ['./your-component.component.css']
})
export class YourComponent implements OnInit {
  dataArr: any[] = [];

  displayedColumns: string[] = ['column1', 'column2', 'column3']; // Define your column names here

  ngOnInit() {
    // Process your dataArr and keep only the last item
    this.dataArr = [/* Your data array */];
    this.dataArr.pop();
  }
}