如何为primeng表行扩展选择行？ [关闭]答案

【问题标题】：How to make rows selected for primeng table row expansion? [closed]如何为primeng表行扩展选择行？ [关闭]
【发布时间】：2021-02-25 08:14:45
【问题描述】：

我正在处理primeng 表行扩展。我正在使用这个例子：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>

任何帮助，在此先感谢。

【问题讨论】：

标签： html typescript primeng

【解决方案1】：

你只需要将rowExpandMode="single"添加到p-table，默认值为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"
        >

【讨论】：