30 lines
1.1 KiB
HTML
30 lines
1.1 KiB
HTML
<mat-form-field>
|
|
<mat-label>Filter</mat-label>
|
|
<input matInput (keyup)="applyFilter($event)" placeholder="Ex. Up to Date">
|
|
</mat-form-field>
|
|
<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.deviceID}}</td>
|
|
</ng-container>
|
|
|
|
<!-- Name Column -->
|
|
<ng-container matColumnDef="name">
|
|
<th mat-header-cell *matHeaderCellDef mat-sort-header>Name</th>
|
|
<td mat-cell *matCellDef="let row">{{row.name}}</td>
|
|
</ng-container>
|
|
|
|
<!-- Status Column -->
|
|
<ng-container matColumnDef="state">
|
|
<th mat-header-cell *matHeaderCellDef mat-sort-header>State</th>
|
|
<td mat-cell *matCellDef="let row">{{row.state}}</td>
|
|
</ng-container>
|
|
|
|
<tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
|
|
<tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
|
|
</table>
|
|
|
|
<mat-paginator #paginator [length]="dataSource?.data.length" [pageIndex]="0" [pageSize]="25"
|
|
[pageSizeOptions]="[25, 50, 100, 250]">
|
|
</mat-paginator> |