如何为 primeng table 行扩展选择行？

Question

我正在使用 primeng table 行扩展。我正在处理这个例子：https://stackblitz.com/edit/github-7gxyuy?file=src/app/app.component.html 我试图让每个扩展行都被选中但我失败了，我确实添加了这段代码但没有工作。

 <ng-template pTemplate="rowexpansion" let-rowData let-columns="columns" let-rowIndex="rowIndex">
<tr *ngFor="let subEvent of rowData.subEvents" [pSelectableRow]="subEvent[rowIndex]">
  <td [style.width.px]='40'></td>
  <td [attr.colspan]="columns.length">
    {{subEvent.code}}
  </td>
</tr>

任何帮助，提前致谢。

Answer 1

只需要在p-table上加上rowExpandMode="single"即可，默认值为multiple

 <p-table [columns]="events.headers" [value]="events.data" dataKey="id" #eventTable
              selectionMode="single" [(selection)]="selectedEvent"
              (onRowSelect)="onRowSelect($event)" (onRowUnselect)="cancelUnselect($event)"
              (onRowExpand)="test($event)"
              rowExpandMode="single"
        >

如何为 primeng table 行扩展选择行？

How to make rows selected for primeng table row expansion?

html

typescript

primeng