Angular中的表格中如何檢查最後一筆記錄
P粉668146636
2023-08-14 14:05:14
<p>我有這個表格行</p>
<pre class="brush:php;toolbar:false;"><tbody>
<tr *ngFor="let data of List | paginate : { itemsPerPage: 10, currentPage: p };
let i = index">
<td>{{ data.Name }}</td>
<td>
</td>
…
</tr>
</tbody></pre>
<p>我想檢查每一頁的最後一筆記錄，假設有12筆記錄，每頁有<code>10</code>條，那麼另外一頁有<code>2</code>條，我想要檢查每一頁的最後一筆記錄並在每一頁的最後一筆記錄上套用CSS樣式。 </p>
<p>有什麼解決方案。謝謝</p>
你有兩個選擇。
選項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 { // 你的样式 }