如何更改PrimeNG数据表扩展器图标

import { TableModule } from 'primeng/table';
import 'primeng/resources/themes/nova-light/theme.css';
import 'primeng/resources/primeng.min.css';

<p-table [value]="data">
  <ng-template pTemplate="header">
    <tr>
      <th>
        <i class="pi pi-chevron-right"></i> <!-- 扩展器图标 -->
      </th>
      <th>Column 1</th>
      <th>Column 2</th>
      <!-- 其他列 -->
    </tr>
  </ng-template>
  <ng-template pTemplate="body" let-rowData>
    <tr>
      <td>
        <a href="#" (click)="toggleRow(rowData)">
          <i [ngClass]="{'pi pi-chevron-down': rowData.expanded, 'pi pi-chevron-right': !rowData.expanded}"></i> <!-- 扩展器图标 -->
        </a>
      </td>
      <td>{{rowData.column1}}</td>
      <td>{{rowData.column2}}</td>
      <!-- 其他列 -->
    </tr>
    <tr *ngIf="rowData.expanded">
      <td colspan="3"> <!-- 展开的详细内容 -->
        {{rowData.details}}
      </td>
    </tr>
  </ng-template>
</p-table>

toggleRow(rowData: any) {
  rowData.expanded = !rowData.expanded;
}