So überprüfen Sie den letzten Datensatz in der Tabelle in Angular

Question

Ich habe diese Tabellenzeile

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

Ich möchte den letzten Datensatz jeder Seite überprüfen und jede Seite hat 10, dann hat eine andere Seite 2 Ich möchte den letzten Datensatz jeder Seite überprüfen und den CSS-Stil auf den letzten Datensatz jeder Seite anwenden.

Gibt es eine Lösung? Vielen Dank

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 {
  // 你的样式
}