aswi2020anonymous-gitlab/fe/fulltextsearch/src/app/components/pages/browse/table/table.component.html @ 1e82d716

<div>
  <table mat-table class="full-width-table" matSort aria-label="Elements">
    <!-- Id Column -->
    <ng-container matColumnDef="id">
      <th mat-header-cell *matHeaderCellDef mat-sort-header>Id</th>
      <td mat-cell *matCellDef="let row">{{row.id}}</td>
    </ng-container>

    <!-- Name Column -->
    <ng-container matColumnDef="documentName">
      <th mat-header-cell *matHeaderCellDef mat-sort-header>Document name</th>
      <td mat-cell *matCellDef="let row">
        <a routerLink="/browse/{{row.documentName}}">
        {{row.documentName}}
        </a>
      </td>
    </ng-container>

    <!-- Test Column -->
    <ng-container matColumnDef="originDate">
      <th mat-header-cell *matHeaderCellDef mat-sort-header>Origin date</th>
      <td mat-cell *matCellDef="let row">{{row.originDate | date:'d. M. yyyy'}}</td>
    </ng-container>

    <!-- Test Column -->
    <ng-container matColumnDef="uploadedDate">
      <th mat-header-cell *matHeaderCellDef mat-sort-header>Uploaded date</th>
      <td mat-cell *matCellDef="let row">{{row.uploadedDate | date:'d. M. yyyy'}}</td>
    </ng-container>

    <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
    <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
  </table>

  <div class="row justify-content-center align-items-center">

    <mat-paginator *ngIf="dataSource"
                   #paginator
                   [length]="dataSource?.data.length"
                   [pageIndex]="0"
                   [pageSize]="10"
                   [pageSizeOptions]="[5, 10, 25]">
    </mat-paginator>
  </div>

</div>