почему сортировка матов не работает на моём матрасе?

Question

Я использую несколько мат-таблиц на одной странице. Мне нужен коврик для одного стола.

когда я отлаживаю кодовый ответ, полученный с результатами, но matSort не работает

 <table #transactions class="transactions-table" mat-table [dataSource]="trassactionDataSource" matSort>
     <ng-container matColumnDef="id">
         <th mat-header-cell *matHeaderCellDef mat-sort-header> Transaction ID </th>
         <td mat-cell *matCellDef="let row"> {{row.transaction_id}} </td>
     </ng-container>

     <ng-container matColumnDef="product_name">
         <th mat-header-cell *matHeaderCellDef mat-sort-header> Product </th>
         <td mat-cell *matCellDef="let row"> {{row.listing_title}} </td>
     </ng-container>

.....

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

'

displayedColumns: string[] = ['id', 'product_name', ...];

@ViewChild(MatSort)private sort: MatSort;

 ngOnInit() {
       this.userService.getDashboardData().subscribe((response) => {
      if (response.code == 401) {
        this.authService.logout(true);
      } else {

           this.trassactionDataSource = new MatTableDataSource(response.result.transactions);

           var that = this;
           setTimeout(function () {
               that.trassactionDataSource.sort = that.sort;
           }, 500);
      }
}[enter image description here][1]

Я не получаю никаких ошибок консоли.

Answer 1

Спасибо, что прочитали это. Я понял это. matColumnDef = response result

например:

 <ng-container matColumnDef="id">
         <th mat-header-cell *matHeaderCellDef mat-sort-header> Transaction ID </th>
         <td mat-cell *matCellDef="let row"> {{row.transaction_id}} </td>
     </ng-container>

изменить на

 <ng-container matColumnDef="transaction_id">
         <th mat-header-cell *matHeaderCellDef mat-sort-header> Transaction ID </th>
         <td mat-cell *matCellDef="let row"> {{row.transaction_id}} </td>
     </ng-container>