How do I hide all the checkboxes in jQgrid?

Question

I need to hide all the checkboxes on a jQgrid and after read this two posts:

• Remove the heading checkbox from jqgrid
• jqGrid multiselect "check all" in header: how to hide it?

This is what I did:

// this only hides the first checkbox on the header
$('#gbox_grid_notification_queue').find('input[type="checkbox"]').hide();

// this does not hide anything at all
$('#gbox_grid_notification_queue').find('td input[type="checkbox"]').hide();

// this does not hide anything, same as previous one
var grid_notification_queue = $("#grid_notification_queue");
$("#cb_" + grid_notification_queue.id).hide();

What I am missing here?

Answer 1

If you use free jqGrid fork, then the solution would be very easy. You need just add

multiselectPosition: "none"

option to prevent creating checkboxs. It improves additionally the performance of multi-selection. I remind that here you can find different options of free jqGrid, which has relation with selection. The value of multiselectPosition could be "left" , "right" or "none" .

Answer 2

You can use this code

$("input[type=checkbox]").each(function() {
                $(this).hide();
            });

Answer 3

Try this:

$('#gbox_grid_notification_queue').find('input[type="checkbox"]').each(function(){ 
    $(this).hide();
});