Dynamically disable checkbox/selection in Table

[cagataycivici]

Same as the disabledSelection as in PrimeFaces.

[avbentem]

Aside, in PrimeFaces, this is handled by disabledSelection on both column and on the table itself:

Disables row selection when true. Overrides p:column's disabledSelection attr. Example: var="xxx" disabledSelection="#{xxx.year > 1960}"

[arnyee]

Hello, I would like to know if this feature will be added to any of the milestones soon?

[may820806]

may I ask is this issue still developing?

[levitomer]

Same here

[musaq]

still going on?

[Hulkmaster]

wow, still not there?

[lbeougher]

@cagataycivici Is this going to be fixed ever?

[mr83-uw]

I've been able to use this hack as a work around.

https://stackblitz.com/edit/ky1gjk?file=src%2FApp.vue

By adding a directive to the :rowClass="disableRow" to a function that return 'p-disabled' if you want that row disabled.

[JackHimes]

@mr83-uw Bless your soul child 🙏 - worked like a charm!

[emredenizozer]

@cagataycivici I think that this functionality is a must-have and you need to implement it sooner. Otherwise selection process would be a nightmare for the developers that use primevue.

[cagataycivici]

Issue tracker is used for defects only as part of our commitment to quality and continuous improvement in all areas. Enhancements are collected as valuable community feedback and managed internally so moving this enhancement ticket to our internal project management backlog.

[1Map]

I've been able to use this hack as a work around.

https://stackblitz.com/edit/ky1gjk?file=src%2FApp.vue

By adding a directive to the :rowClass="disableRow" to a function that return 'p-disabled' if you want that row disabled.

This does not work as it completly disable the whole row and not just the checkbox. In my case I also have an Action column with some buttons (for example pencil icon that edits the record). I only want to disable the checkbox and not the whole row.

[DileepSArjun]

@1Map I have made a demo where the checkbox alone is disabled. This makes the action buttons work as per your use case.
See: https://stackblitz.com/edit/3z633b?file=src%2FApp.vue

[Dagarkin]

I've been able to use this hack as a work around.
https://stackblitz.com/edit/ky1gjk?file=src%2FApp.vue
By adding a directive to the :rowClass="disableRow" to a function that return 'p-disabled' if you want that row disabled.

This does not work as it completly disable the whole row and not just the checkbox. In my case I also have an Action column with some buttons (for example pencil icon that edits the record). I only want to disable the checkbox and not the whole row.

You can add a css class to the column.

:deep(.enablecolumn) { cursor: default; pointer-events: auto; user-select:auto }