Angular 테이블의 마지막 레코드를 확인하는 방법

Question

이 테이블 행이 있습니다

<tbody>
       <tr *ngFor="목록 데이터 | 페이지 매기기: { itemsPerPage: 10, currentPage: p };
                    i = index">
                
       <td>{{ 데이터.이름 }}</td>
       <td>
       </td>
       ...
       </tr>
   </tbody>

각 페이지의 마지막 레코드를 확인하고 싶습니다. 12개의 레코드가 있고 각 페이지에는 10가 있고 다른 페이지에는 2 각 페이지의 마지막 레코드를 확인하고, 각 페이지의 마지막 레코드에 CSS 스타일을 적용하고 싶습니다.

해결책이 있나요? 감사합니다

Answer 1

두 가지 옵션이 있습니다.

옵션 1: ngClass를 사용하여 조건부로 클래스 적용

으아악

옵션 2: 스타일시트에서 마지막 tr을 선택하세요

으아악