Нумерация страниц на угловых 5

Question

Приведенный ниже код показывает, что данные должны отображаться в таблице, и они очень большие, например, 1000 строк, и я хочу разбить на страницы для таблицы под углом 5, какой лучший способ сделать нумерацию страниц, или есть какой-нибудь тупик в библиотеке?для угловой 5 нумерации страниц.

Это мой код

<table class="table table-bordered" cellspacing="0" width="100%">
                            <thead class="sticky-header">
                                <tr>
                                    <th>Patient Name</th>
                                    <th>NRIC</th>
                                    <th>Gender / Age</th>
                                    <th>Reg.Date</th>
                                    <th>Recent HD</th>
                                    <th>Ref, Dr Name</th>
                                    <th>Hospital</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr *ngFor="let patient of patientList; let i = index"  class="clickable-row" (click)="redirectToPatientDetail(patient.patientId, patient.patientName,patient.nric)">
                                    <td style="text-align: left" >{{patient.patientName}}</td>
                                    <td>{{patient.nric}}</td>
                                    <td><span><i ngClass="{{patient.sex === 'Male' ? 'fa fa-male': 'fa fa-female'}}"></i></span>  / {{patient.ageInYear}}</td>
                                    <td>{{patient.regDate}}</td>
                                    <td>{{patient.recentHDDate}}</td>
                                    <td style="text-align: left">{{patient.doctors}}</td>
                                    <td style="text-align: left">{{patient.hospitalName}}</td>
                                </tr>
                                <tr *ngIf="patientList.length === 0">
                                    <td colspan="7"><p>No Patient Found.</p></td>
                                </tr>
                            </tbody>
                        </table>

Answer 1

Вы можете попробовать библиотеки пользовательского интерфейса, такие как угловой материал

Это дает другой внешний вид, чем обычные вещи.

Answer 2

Таким образом, здесь, вероятно, было бы несколько решений:

1. Разбивка страницы с помощью пользовательской реализации методов разбиения на страницы.
2. таблица angular-ag-grid (бесплатная), которая также поддерживает нумерацию страниц
3. полная пользовательская реализация нумерации страниц с некоторыми реализованными панелями разбиения на страницы и привязкой методов к ней.

Удачи.

Ссылка на angular-ag-grid: ЩЕЛЧОК