Affichage en tableau de la liste des DZs

This commit is contained in:
Sébastien André
2019-10-10 11:00:15 +02:00
parent e2baa1486a
commit 3fa3275092
2 changed files with 16 additions and 4 deletions

View File

@@ -2,7 +2,7 @@
list-of-dzs works!
</p>
<table mat-table [dataSource]="listOfDropZones" class="mat-elevation-z8">
<table mat-table [dataSource]="dataSourceTable" class="mat-elevation-z8">
<ng-container matColumnDef="id">
<th mat-header-cell *matHeaderCellDef>ID</th>
<td mat-cell *matCellDef="let element">{{element.id}}</td>
@@ -12,5 +12,8 @@
<th mat-header-cell *matHeaderCellDef>Name</th>
<td mat-cell *matCellDef="let element">{{element.name}}</td>
</ng-container>
<tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
<tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
</table>
<mat-paginator [pageSizeOptions]="[5, 10, 20]" showFirstLastButtons></mat-paginator>
<mat-paginator [pageSize]="10" [pageSizeOptions]="[5, 10, 20]" showFirstLastButtons></mat-paginator>