Bagaimana untuk menyemak rekod terakhir dalam jadual dalam Angular

Question

Saya mempunyai baris jadual ini

<tbody>
       <tr *ngFor="biarkan data Senarai | penomboran : { itemsPerPage: 10, currentPage: p };
                    biarkan i = indeks">
                
       <td>{{ data.Name }}</td>
       <td>
       </td>
       ...
       </tr>
   </tbody>

Saya ingin menyemak rekod terakhir setiap halaman Katakan terdapat 12 rekod, dan setiap halaman mempunyai 10, kemudian halaman lain mempunyai 2 Saya ingin menyemak rekod terakhir setiap halaman dan menggunakan gaya CSS pada rekod terakhir setiap halaman.

Adakah terdapat sebarang penyelesaian? Terima kasih

Answer 1

Anda ada dua pilihan.

Pilihan 1: Gunakan kelas secara bersyarat menggunakan ngClass

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

Pilihan 2: Pilih tr terakhir dalam helaian gaya anda

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