How to check last record in table in Angular

Question

I have this table row

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

I want to check the last record of each page. Suppose there are 12 records, and each page has 10, then another page has 2 strips, I want to check the last record of each page and apply CSS style on the last record of each page.

Is there any solution? Thank you

Answer 1

You have two choices.

Option 1: Conditionally apply a class using ngClass

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

Option 2: Select the last tr

in your stylesheet

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