Angular table with pagination and sorting.

students.component.html

 <div>
    <ul>
        <li (click) = "sortTable('name')">
            nombre
            <i [class]="getIcon('name')" aria-hidden="true"></i>
        </li>
        <li (click) = "sortTable('lastname')">
            apellidos
            <i [class]="getIcon('lastname')" aria-hidden="true"></i>
        </li>
        <li (click) = "sortTable('email')">
            teléfono
            <i [class]="getIcon('email')" aria-hidden="true"></i>
        </li>
		<li (click) = "sortTable('course')">
            email
            <i [class]="getIcon('course')" aria-hidden="true"></i>
        </li>
    </ul>

    <ul *ngFor="let student of studentsList | sortPipe:path:order">
        <li>{{student.name}}</li>
        <li>{{student.lastname}}</li>
        <li>{{student.email}}</li>
        <li>{{student.course}}</li>
	</ul>
	<div>
        <ngb-pagination *ngIf="showPagination" [collectionSize]="totalItems" [(page)]="page"
            (pageChange)="loadPage($event)"></ngb-pagination>
    </div>
</div>