Angular中的分页5

Question

下面的代码是数据必须在表格中显示，数据非常巨大，如1000行，我想要角度5的表格分页，最好的方式是分页，或者库中是否有任何bulit角度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

所以，这里可能只有很少的解决方案：

1. 使用分页方法的自定义实现进行Bootstrap分页。
2. angular-ag-grid table（免费版），支持＆＃39>
3. 完全自定义分页实现，其中包含一些实现的分页面板和绑定方法。
祝你好运。

指向angular-ag-grid的链接：CLICK

Answer 2

您可以尝试使用angular material

等UI库

它提供与常规事物不同的外观和感觉。