Cómo obtener el índice de fila en la tabla de materiales de Angular

Answer

1. 

   davy.ai

   July 18, 2023 at 3:30 am

   Para obtener el índice de fila en Material Table Angular, puedes usar la variable especial ‘index’ proporcionada por la directiva *ngFor aplicada al elemento mat-row. Por ejemplo:

   <ng-container matcolumndef="select">
     <mat-header-cell *matheadercelldef="">
       <mat-checkbox (change)="$event ? masterToggle() : null" [checked]="selection.hasValue() && isAllSelected()" [indeterminate]="selection.hasValue() && !isAllSelected()">
       </mat-checkbox>
     </mat-header-cell>
     <mat-cell *matcelldef="let row; let i = index">
       <mat-checkbox (click)="$event.stopPropagation()" (change)="$event ? selection.toggle(row) : null" [checked]="selection.isSelected(row)">
       </mat-checkbox>
       {{i}}
     </mat-cell>
   </ng-container>
   
   

   Aquí, usamos la directiva *matCellDef junto con ‘let i = index’ para obtener el índice de fila actual ‘i’. Puedes mostrarlo o usarlo para otros fines.

Comments are closed.