PrimeNG DataTable复选框列是否支持布尔属性按条件禁用/启用？

嘿，你说的这个需求完全能实现！PrimeNG DataTable本身确实没有给复选框列直接提供[disabled]这样的属性，但我们有两种靠谱的方法来根据父ID的状态控制复选框的启用/禁用，看你具体场景选就行：

方法一：用rowDisabled整行禁用（含复选框） #

如果你的需求是当Item的父ID满足条件时，整行都不能选（包括复选框灰掉无法勾选，行本身也不能点击），那这个方法最省事。直接在<p-dataTable>上绑定rowDisabled属性，传入一个判断函数就行：

<p-dataTable 
  [value]="items" 
  [(selection)]="selectedRowItems" 
  [rowDisabled]="isRowDisabled">
  <!-- 复选框列 -->
  <p-column selectionMode="multiple" header="Select"></p-column>
  <!-- 其他业务列 -->
  <p-column field="name" header="Item Name"></p-column>
  <p-column field="description" header="Description"></p-column>
</p-dataTable>

然后在你的组件类里写判断逻辑：

// 根据Item的父ID状态判断是否禁用行
isRowDisabled(item: YourItemType): boolean {
  // 这里替换成你的实际判断条件，比如父ID对应的状态是"locked"时禁用
  return item.parentStatus === 'locked';
}

这种方式会自动把整行的交互都禁用，包括复选框，不用额外处理模板，非常省心。

方法二：自定义复选框模板（仅禁用复选框，不影响行操作） #

如果你只需要禁用复选框，但行的其他操作（比如点击查看详情、编辑）还能正常用，那就要自定义复选框列的模板，手动控制复选框的disabled属性：

<p-dataTable 
  [value]="items" 
  [(selection)]="selectedRowItems">
  <!-- 自定义复选框列 -->
  <p-column header="Select">
    <ng-template pTemplate="body" let-item>
      <p-checkbox 
        [(ngModel)]="selectedRowItems" 
        [value]="item" 
        [disabled]="shouldDisableCheckbox(item)"
        binary="false">
      </p-checkbox>
    </ng-template>
  </p-column>
  <!-- 其他业务列 -->
  <p-column field="name" header="Item Name"></p-column>
</p-dataTable>

组件里的判断函数：

// 判断当前Item的复选框是否需要禁用
shouldDisableCheckbox(item: YourItemType): boolean {
  // 替换成你的实际条件，比如父ID未激活时禁用复选框
  return item.parentIdStatus !== 'active';
}

注意这里要自己维护selectedRowItems的选中状态，因为我们脱离了DataTable自带的selectionMode，不过只要绑定正确，和原来的多选逻辑是一致的。

小提示 #

如果你用的是PrimeNG 10及以上版本，官方已经弃用了p-dataTable，推荐使用新的p-table（TurboTable），但上面的两种方法逻辑完全适用，只是标签名换成<p-table>就行。

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