Dx-DataGrid — Слишком много времени уходит на визуализацию содержимого для просмотра

#angular #ionic-framework

#угловой #ионный каркас

Вопрос:

Я использую таблицу dx-datagrid для заполнения более 200 строк 20 столбцами.

В моем проекте мы используем локальные ссылочные экземпляры dx-datagrid в typescript для добавления строк в таблицу данных следующим образом

В Тс:

 @ViewChild('bulkAdditionDatagrid') bulkAdditionDataGrid:DxDataGridComponent;  this.bulkAdditionDataGrid.instance.beginUpdate();  for(let i=0;ilt;noOfRows;i  ){  this.bulkAdditionDataGrid.instance.addRow();  }  this.bulkAdditionDataGrid.instance.endUpdate();  

В Html:

 lt;dx-data-grid #bulkAdditionDatagrid  height="80vh"  [dataSource]=“dataSource”  [showBorders]="true"  [columnAutoWidth]="true"  (onToolbarPreparing)="onToolbarPreparing($event)"  (onInitNewRow)="onInitNewRow($event)"  (onFileSaving)="getExportFileName($event)"gt;  ……My business logic….   …………………………………..  ………………………………….. lt;/dx-data-gridgt;  

В пакете.json:

 "devextreme": "^20.1.6",  "devextreme-angular": "^20.1.6",  "@angular/core": "^7.2.16",  

Метод EndUpdate отнимает слишком много времени (примерно от 2 до 3 минут для 200 строк) для отображения содержимого для просмотра. Может ли кто-нибудь помочь мне с вышеуказанной проблемой?