Angular中的表格中如何检查最后一条记录

Question

我有这个表格行

<tbody>
       <tr *ngFor="let data of List | paginate : { itemsPerPage: 10, currentPage: p };
                    let i = index">
                
       <td>{{ data.Name }}</td>
       <td>
       </td>
       ...
       </tr>
   </tbody>

我想要检查每一页的最后一条记录，假设有12条记录，每页有10条，那么另外一页有2条，我想要检查每一页的最后一条记录并在每一页的最后一条记录上应用CSS样式。

有什么解决方案。谢谢

Answer 1

你有两个选择。

选项1：使用ngClass有条件地应用一个类

<tr *ngFor="let data of List | paginate : { itemsPerPage: 10, currentPage: p }; let last = last" [ngClass]="{ yourclass: last }">

选项2：在你的样式表中选择最后一个tr

tr:last-of-type {
  // 你的样式
}