|
1
|
<div class="mat-elevation-z8">
|
|
2
|
<table [dataSource]="tableDataSource" mat-table class="full-width-table" matSort aria-label="Elements">
|
|
3
|
|
|
4
|
<ng-container matColumnDef="image">
|
|
5
|
<td mat-cell *matCellDef="let row">
|
|
6
|
<div class="container">
|
|
7
|
<div class="row name-div">
|
|
8
|
{{row.documentName}}
|
|
9
|
</div>
|
|
10
|
<div class="row image-div">
|
|
11
|
<img class="image" src="data:image/jpg;base64,{{row.imageCut}}" />
|
|
12
|
</div>
|
|
13
|
</div>
|
|
14
|
</td>
|
|
15
|
</ng-container>
|
|
16
|
|
|
17
|
<tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
|
|
18
|
</table>
|
|
19
|
|
|
20
|
<mat-paginator
|
|
21
|
#paginator
|
|
22
|
[pageIndex]="0"
|
|
23
|
[pageSize]="3"
|
|
24
|
[pageSizeOptions]="[1, 3, 5, 10, 25, 50, 100]">
|
|
25
|
</mat-paginator>
|
|
26
|
</div>
|