Angular teradata共价数据表在卷轴和页面上重新呈现数据2+；

我在我的项目中使用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>

...
...
...

我如何解决这个问题

---

也许共价键有一些标志可以在不重新渲染的情况下一次渲染所有50行？

我在角度材质组件（步进器）上也遇到了同样的问题，原因是动画。因此，我为您提供了3种解决方案：

解决方案1，如果您不关心动画：

尝试使用

NoopAnimationsModule

而不是

BrowserAnimationsModule

解决方案2，如果您喜欢冒险且乐观：

尝试将Angular更新为最新版本。当从5升级到7时，我注意到一个巨大的动画差异。有一个角度升级工具，可以帮助你在这方面

解决方案3，如果动画和速度是必需的，或者您有很多时间：

---

您可以尝试使用其他表格库或构建自己的表格库。

您使用的是角度材质还是基本表格？角度材质