PrimeNG Table复选框选择异常：点击单行复选框触发全选

问题原因 #

你的p-table组件配置中，dataKey属性设置为"id"，但实际数据对象的唯一标识字段是_id。PrimeNG依赖dataKey来区分表格的不同行，当这个配置与实际数据字段不匹配时，组件无法正确识别每行的唯一性，导致点击单个复选框时触发全选逻辑。

修复步骤 #

1. 修改p-table的dataKey属性值，与数据中的唯一字段对齐：
   将dataKey="id"改为dataKey="_id"
2. 确认tabTypeClient数组中的每个对象都拥有唯一且非空的_id值，避免出现重复标识。

修正后的核心代码片段 #

<p-table 
    #dt1  
    [value]="tabTypeClient"
    styleClass="p-datatable-striped"
    [paginator]="true"
    [rows]="10"
    [showCurrentPageReport]="true"
    [tableStyle]="{ 'min-width': '50rem' }"
    currentPageReportTemplate="Showing {first} to {last} of {totalRecords} entries"
    [rowsPerPageOptions]="[10, 25, 50]"
    [globalFilterFields]="['_id', 'label']"
    [(selection)]="tabTypeClientSelected"
    dataKey="_id"  <!-- 此处修改为与数据匹配的_id字段 -->
    editMode="row" 
>
<!-- 其余模板代码保持不变 -->
</p-table>

补充说明 #

PrimeNG的复选框选择功能通过dataKey跟踪选中行状态，只有当该属性指向数据中唯一且存在的字段时，组件才能正确维护每行的选中状态，避免批量选中的异常。

内容的提问来源于stack exchange，提问作者Jean François Manatane