我在我的项目中使用 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 行而不重新渲染?