如何通过逐页加载数据来使 ngx-datatable 更快？答案

【问题标题】：how to make ngx-datatable faster by loading data page by page?如何通过逐页加载数据来使 ngx-datatable 更快？
【发布时间】：2018-06-07 16:24:56
【问题描述】：

我正在使用 Angular 4，我有一个包含 1000 多行数据的数据表。 ngOninit()在运行的时候，需要很长时间才能看到所有的数据！我怎样才能让它更快？或者我可以使用[limit] 和[offset] 属性逐页加载数据吗？

    <ngx-datatable *ngIf="showIncomingTable"
class="material selection-cell"
[rows]="rows"
[columnMode]="'force'"
[headerHeight]="50"
[footerHeight]="50"
[rowHeight]="50"
[selected]="selected"
[selectionType]="'single'"
(activate)="onActivate($event)"
[limit]="10"
[offset]="page.pageNumber"
(page)='setPage($event)'>
<ngx-datatable-column prop="mail_number">
  <ng-template let-column="column" let-sort="sortFn" ngx-datatable-header-template>
    <span (click)="sort()" class="font">{{'IncomingTable.MailNumber' | translate}}</span>
  </ng-template>
  <ng-template let-value="value" ngx-datatable-cell-template>
    <span class="data_font">{{value}}</span>
  </ng-template>
</ngx-datatable-column>
</ngx-datatable>

【问题讨论】：

标签： angular ngx-datatable

【解决方案1】：

您可以在服务器端设置分页以一次加载您想要显示的数量。看这个： How to use server side option in Angular DataTables with the Angular way example?

这将提高性能并更快地加载数据表

【讨论】：

好吧，我使用的数据表在链接中没有你说的相同选项。我可以设置限制和偏移量，但是当我这样做时，我会加载很长时间的数据，如果我从数据库查询中设置限制和偏移量，我的数据表页面将不会显示。