как сделать ngx-datatable быстрее, загружая данные постранично?

Я использую 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
person fariba.j    schedule 07.06.2018    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Вы можете настроить подкачку на стороне сервера, чтобы загружать столько, сколько вы хотите показать за раз. Посмотрите на это: Как использовать параметр на стороне сервера в Angular DataTables на примере Angular?

Это повысит производительность и ускорит загрузку таблицы данных.

person yer    schedule 07.06.2018
comment
хорошо, таблица данных, которую я использую, не имеет тех же параметров в ссылке, которые вы говорите. Я могу установить ограничение и смещение, но когда я это делаю, я долго загружаю данные, и если я устанавливаю ограничение и смещение из запросов к базе данных, мои страницы таблицы данных не будут отображаться. - person fariba.j; 08.06.2018