在Angular中回收的表视图

时间:2017-12-12 15:59:45

标签: angular angular5

我有一张表可以返回很多记录。 我要做的是实现表视图回收,因此最初只显示30条记录,然后在滚动时不会生成新行,但是相同的行将被替换为新记录。

如何以角度实现? 我有一个带行和列的简单表标记,我使用* ngFor来显示数据。

          <table class="table table-striped table-header table-condensed ">
        <thead class="table-bordered ">
          <tr>
            <th>Name</th>
            <th>Last Name</th>
            <th>Day</th>
            <th>Type</th>

          </tr>
        </thead>
        <tbody>
          <tr *ngFor="let row of allData">
            <td>{{row.name}}</td>
            <td>{{row.lastName}}</td>
            <td>{{row.day}}</td>
            <td>{{row.type}}</td>
          </tr>
        </tbody>
      </table>

0 个答案:

没有答案