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