Angular 角度5中的分页

下面的代码是必须在表中显示的数据，数据非常庞大，比如1000行，我想在angular 5中为表分页，进行分页的最佳方法是什么，或者库中是否有任何bulit用于angular 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>

患者姓名
NRIC
性别/年龄
注册日期
近期高清
Ref，Dr Name
医院
{{patient.patientName}
{{patient.nric}
/{{患者年龄}
{{patient.regDate}
{{patient.recenthdate}
{{病人.医生}
{{病人.医院名称}
没有找到病人

因此，这里可能有一些解决方案：

使用分页方法的自定义实现引导分页

角度ag网格表（自由一个），也支持分页

完全自定义分页实现，其中包含一些已实现的分页面板和绑定在其上的方法

祝你好运

---

链接到angular ag grid:

因此，这里可能有一些解决方案：

使用分页方法的自定义实现引导分页

角度ag网格表（自由一个），也支持分页

完全自定义分页实现，其中包含一些已实现的分页面板和绑定在其上的方法

祝你好运

---

链接到angular ag grid:

您可以尝试以下UI库

---

它给人的感觉和普通的东西不一样

您可以尝试以下UI库

---

它给人的感觉和普通的东西不一样

@Abhilash.k.p是的，当然，这只取决于你的requirements@Abhilash.k.p是的，当然，这只取决于你的要求