1
|
<div>
|
2
|
<table mat-table class="full-width-table" matSort aria-label="Elements">
|
3
|
<!-- Id Column -->
|
4
|
<ng-container matColumnDef="id">
|
5
|
<th mat-header-cell *matHeaderCellDef mat-sort-header>Id</th>
|
6
|
<td mat-cell *matCellDef="let row">{{row.id}}</td>
|
7
|
</ng-container>
|
8
|
|
9
|
<!-- Name Column -->
|
10
|
<ng-container matColumnDef="documentName">
|
11
|
<th mat-header-cell *matHeaderCellDef mat-sort-header>Document name</th>
|
12
|
<td mat-cell *matCellDef="let row">{{row.documentName}}</td>
|
13
|
</ng-container>
|
14
|
|
15
|
<!-- Test Column -->
|
16
|
<ng-container matColumnDef="originDate">
|
17
|
<th mat-header-cell *matHeaderCellDef mat-sort-header>Origin date</th>
|
18
|
<td mat-cell *matCellDef="let row">{{row.originDate | date:'d. M. yyyy'}}</td>
|
19
|
</ng-container>
|
20
|
|
21
|
<!-- Test Column -->
|
22
|
<ng-container matColumnDef="uploadedDate">
|
23
|
<th mat-header-cell *matHeaderCellDef mat-sort-header>Uploaded date</th>
|
24
|
<td mat-cell *matCellDef="let row">{{row.uploadedDate | date:'d. M. yyyy'}}</td>
|
25
|
</ng-container>
|
26
|
|
27
|
<tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
|
28
|
<tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
|
29
|
</table>
|
30
|
|
31
|
<div class="row justify-content-center align-items-center">
|
32
|
|
33
|
<mat-paginator #paginator
|
34
|
[length]="dataSource?.data.length"
|
35
|
[pageIndex]="0"
|
36
|
[pageSize]="10"
|
37
|
[pageSizeOptions]="[5, 10, 25]">
|
38
|
</mat-paginator>
|
39
|
</div>
|
40
|
|
41
|
</div>
|