Comment vérifier le dernier enregistrement de la table dans Angular

Question

J'ai cette ligne de tableau

<tbody>
       <tr *ngFor="laisser les données de la liste | paginer : { itemsPerPage : 10, currentPage : p } ;
                    laissez-moi = index">
                
       <td>{{ data.Name }}</td>
       <td>
       </td>
       ...
       ≪/tr>
   </tbody>

Je souhaite vérifier le dernier enregistrement de chaque page. Supposons qu'il y ait 12 enregistrements et que chaque page ait 10, puis une autre page a 2 Je souhaite vérifier le dernier enregistrement de chaque page et appliquer le style CSS sur le dernier enregistrement de chaque page.

Y a-t-il une solution ? Merci

Answer 1

Vous avez deux options.

Option 1 : appliquer conditionnellement une classe à l'aide de ngClass

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

Option 2 : Sélectionnez le dernier tr dans votre feuille de style

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