teradata-covalent數據表重新滾動和頁面上的數據工作緩慢角度2+

Question

我在我的項目中使用Angular 2+和Teradata共價數據表。 我的表有很多列和50行。 由於html代碼中的某些原因，我只看到大約12行並滾動。 當我滾動它的重新呈現數據並顯示其他12行時，所以頁面工作緩慢。

有一些HTML：

<td-data-table
        #dataTable
        [(ngModel)]="selectedRows"
        [data]="filteredData"
        [columns]="columns"
        [selectable]="true"
        [multiple]="true"
        [sortable]="true"
        [sortBy]="sortBy"
        [sortOrder]="sortOrder"
        (sortChange)="sort($event)"
        (rowSelect)="rowSelect($event)"
        (selectAll)="selectAllEvent($event)"
        class="fixed-header">

      <ng-template tdDataTableTemplate="Id"
            let-value="value"
            let-row="row"
            let-column="column">
        <ng-container *ngIf="row['Source'] == 1; else elseTemplate">
          ...
        </ng-container>
        <ng-template #elseTemplate>
          ...
        </ng-template>
      </ng-template>

      <ng-template tdDataTableTemplate="Rate"
            let-value="value"
            let-row="row"
            let-column="column">
      ...
      </ng-template>

我該如何解決這個問題？

也許covalent有一些標志可以同時渲染所有50行而無需重新渲染？

Answer 1

我對角度材料組件（步進器）也有同樣的問題，原因就是動畫。 所以，我有3個解決方案：

解決方案1，如果您不關心動畫：

嘗試使用NoopAnimationsModule而不是BrowserAnimationsModule 。

解決方案2，如果你喜歡冒險並樂觀：

嘗試將Angular更新到最新版本。 我注意到從5升級到7時有很大的動畫差異。有一個Angular升級工具可以幫助你解決這個問題。

解決方案3，如果動畫和速度是強制性的，或者你有很多時間：

您可以嘗試使用其他表庫或構建自己的表庫。