Affichage en tableau pour les autres pages

2019-10-10 15:00:52 +02:00
parent a29626cd51
commit ed37fb01c9
8 changed files with 73 additions and 34 deletions
--- a/Front/skydivelogs-app/src/app/list-of-jumps/list-of-jumps.component.html
+++ b/Front/skydivelogs-app/src/app/list-of-jumps/list-of-jumps.component.html
@@ -1,10 +1,10 @@
-<p>
-  list-of-jumps works!
-</p>
+<table mat-table [dataSource]="dataSourceTable">
+  <ng-container matColumnDef="id">
+    <th mat-header-cell *matHeaderCellDef>ID</th>
+    <td mat-cell *matCellDef="let element">{{element.id}}</td>
+  </ng-container>

-
-<table>
-  <tr *ngFor="let jump of this.listOfJumps | async; index as i;">
-    <td>{{ jump.id }}</td>
-  </tr>
+  <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
+  <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
 </table>
+<mat-paginator [pageSize]="10" [pageSizeOptions]="[5, 10, 20]" showFirstLastButtons></mat-paginator>