title: teradata-covalent Data Table rerender data on scroll and page works slowly angular 2+
body: <p>I'm using Angular 2+ and Teradata covalent Data Table in my project.
  I have table that has a lot of columns and 50 rows. For some reasons in html code I see only about 12 rows and scroll. When I scroll it's rerender data and show other 12 rows, so page works slowly.</p>
  
  <p>There is some html:</p>
  
  <pre><code>&lt;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"&gt;
  
        &lt;ng-template tdDataTableTemplate="Id"
              let-value="value"
              let-row="row"
              let-column="column"&gt;
          &lt;ng-container *ngIf="row['Source'] == 1; else elseTemplate"&gt;
            ...
          &lt;/ng-container&gt;
          &lt;ng-template #elseTemplate&gt;
            ...
          &lt;/ng-template&gt;
        &lt;/ng-template&gt;
  
        &lt;ng-template tdDataTableTemplate="Rate"
              let-value="value"
              let-row="row"
              let-column="column"&gt;
        ...
        &lt;/ng-template&gt;
  </code></pre>
  
  <p>How can I resolve this issue?</p>
  
  <p>Maybe covalent has some flag to render all 50 rows at once without rerendering?</p>