Angular/PrimeNG升级后p-table单选行event.data/index未定义问题求助

1. 修正dataKey配置 #

PrimeNG Table的dataKey必须绑定到数据源中每个对象都存在的唯一标识字段。当前你设置的是dataKey="index"，请确认releases数组里的每个元素确实包含index字段且值唯一。如果没有，替换为数据自带的唯一字段（如id）：

<p-table [value]="releases" [columns]="headers" responsiveLayout="scroll"
    [paginator]="true" [rows]="pageRows" dataKey="id" 
    (onRowSelect)="onRowSelect($event)"  selectionMode="single"  
    [(selection)]="selectedRelease" [resizableColumns]="true" sortMode="multiple">

2. 明确事件参数类型（可选） #

在Angular 17+环境下，建议显式指定事件类型以避免参数结构误解，同时增强类型提示：

import { RowSelectEvent } from 'primeng/table';

// onRowSelect method
onRowSelect(event: RowSelectEvent<any>) {
    if (event.data) {
        this.messageService.add({ severity: 'info', summary: 'Release Selected', detail: event.data.name });
    }
}

3. 校验[(selection)]变量类型 #

确保selectedRelease的类型与releases数组元素的类型完全匹配，示例如下：

// 假设你的数据类型为Release
selectedRelease: Release | undefined;
releases: Release[] = [];

4. 排查行选择逻辑冲突 #

如果表格内有自定义点击事件（如单元格按钮），检查是否存在$event.stopPropagation()这类阻止事件冒泡的代码，此类代码会干扰行选择的正常触发。

内容的提问来源于stack exchange，提问作者user4512668