Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <table mat-table *ngFor="let user of users | async | reverse;" [attr.data-index]="i">
- <!-- Checkbox Column -->
- <ng-container matColumnDef="select">
- <th mat-header-cell *matHeaderCellDef>
- <mat-checkbox (change)="$event ? masterToggle() : null"
- [checked]="selection.hasValue() && isAllSelected()"
- [indeterminate]="selection.hasValue() && !isAllSelected()">
- </mat-checkbox>
- </th>
- <td mat-cell *matCellDef="let row">
- <mat-checkbox (click)="$event.stopPropagation()"
- (change)="$event ? selection.toggle(row) : null"
- [checked]="selection.isSelected(row)">
- </mat-checkbox>
- </td>
- </ng-container>
- <!-- Position Column -->
- <ng-container matColumnDef="position">
- <th mat-header-cell *matHeaderCellDef> No. </th>
- <td mat-cell *matCellDef="let user"> {{user.name}} </td>
- </ng-container>
- <!-- Name Column -->
- <ng-container matColumnDef="name">
- <th mat-header-cell *matHeaderCellDef> Name </th>
- <td mat-cell *matCellDef="let user"> {{user.name}} </td>
- </ng-container>
- <!-- Weight Column -->
- <ng-container matColumnDef="weight">
- <th mat-header-cell *matHeaderCellDef> Weight </th>
- <td mat-cell *matCellDef="let user"> {{user.name} </td>
- </ng-container>
- <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
- <tr mat-row *matRowDef="let row; columns: displayedColumns;"
- (click)="selection.toggle(row)">
- </tr>
- </table>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement