Skip to content
Permalink
Branch: master
Find file Copy path
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
43 lines (36 sloc) 1.75 KB
<div class="employee-container mat-elevation-z8">
<div class="employee-loading-shade" *ngIf="isLoadingResults">
<mat-spinner *ngIf="isLoadingResults"></mat-spinner>
</div>
<mat-form-field>
<input matInput placeholder="Search" #input>
</mat-form-field>
<div class="employee-table-container">
<table mat-table [dataSource]="data" matSort matSortActive="emp_no" matSortDirection="asc"
matSortDisableClear>
<ng-container matColumnDef="emp_no">
<th mat-header-cell *matHeaderCellDef mat-sort-header>#</th>
<td mat-cell *matCellDef="let row">{{row.emp_no}}</td>
</ng-container>
<ng-container matColumnDef="first_name">
<th mat-header-cell *matHeaderCellDef mat-sort-header>First Name</th>
<td mat-cell *matCellDef="let row">{{row.first_name}}</td>
</ng-container>
<ng-container matColumnDef="last_name">
<th mat-header-cell *matHeaderCellDef mat-sort-header>Last Name</th>
<td mat-cell *matCellDef="let row">{{row.last_name}}</td>
</ng-container>
<ng-container matColumnDef="birth_date">
<th mat-header-cell *matHeaderCellDef mat-sort-header disabled>Birth Date</th>
<td mat-cell *matCellDef="let row">{{row.birth_date}}</td>
</ng-container>
<ng-container matColumnDef="hire_date">
<th mat-header-cell *matHeaderCellDef mat-sort-header disabled>Hire Date</th>
<td mat-cell *matCellDef="let row">{{row.hire_date}}</td>
</ng-container>
<tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
<tr mat-row *matRowDef="let row; columns: displayedColumns"></tr>
</table>
</div>
<mat-paginator [length]="resultsLength" [pageSize]="10" [pageSizeOptions]="[10, 20, 50]"></mat-paginator>
</div>
You can’t perform that action at this time.