Attached running project with two grids ( igGridDuo.html ) . Please show how to disable check box for the row in the top grid with value ProductNumber == 'BE-2908' and how to hide check box in the bottom grid for the row with the same Product Number BE-2908 Thanks.
Hello mcseidel,
Thank you for proving sample application.
To hide the checkboxes only for particular ‘ProductNumber’ for both the grid, you can use the rowRendered event. This event fired after data rows are rendered.
You can use rows method to get all rows, get the cell using cellById and then use the below syntax to hide that checkbox.
$currentRow.find('.ui-icon.ui-icon-check.ui-igcheckbox-small-on').parent().parent().hide();
I have modified your sample application for your reference.
Please find the attached sample and let me know if you need further assistance.
Hi Divya Jain,The solution has some issues - If you choose that row and then clock the hidden checkbox, it does pops up again and you can click it and change value,Can you resolve this and also I need this check box hidden on the bottom grid but actually disabled on the top grid. Can you shoe how it can be done ( Both hide on the bottom grid and disable on the top grid)Thanks