Jqx Grid selection checkbox disable

[pranav.jParticipant]

I am trying to disable certain selection checkboxes in jqx grid in Vue. I am using selection mode: checkbox. And I have seen some answers related to it in forum like this:https://stackblitz.com/edit/github-ftjxau?file=src/app/app.component.ts

But my problem is the given answer is okay to disable checkboxes which are currently loaded in grid. But once I scroll down, more data is loaded, and it will disable wrong rows.

Do anyone have idea on how to disable particular selection boxes based on row data?

[ivanpeevskiParticipant]

Hi pranav.j,

Please have a look at the following link:

https://codesandbox.io/s/confident-moore-mi3vn?file=/src/App.vue

Let me know if this fixes your issue!
If you face any other problems, please do not hesitate to contact us again.

Best Regards,
Ivan Peevski
jQWidgets team
https://www.jqwidgets.com

[pranav.jParticipant]

I have already applied this solution. But here all checkboxes which are disabled or enabled look exactly same. I wanted to disable specific row checkboxes like :disable=true in Vue. Or if it is not possible, I want to change css of disable checkboxes. Is it possible?

[ivanpeevskiParticipant]

Hi pranav.j,

Thank you for the additional information.

In this case, you can use our cellsrenderer to gray out the text on the disabled rows or apply any other css rule you wish.
Moreover, inside the .disabled-checkbox class you can style the disabled checkboxes.
Please have a look at the updated sandbox:
https://codesandbox.io/s/confident-moore-mi3vn?file=/src/App.vue

Let me know if this fixes your issue!
If you face any other problems, please do not hesitate to contact us again.

Best Regards,
Ivan Peevski
jQWidgets team
https://www.jqwidgets.com

[Author]

Posts