How can I hide the select all checkbox in the row selector header?
Hi,
I am looking for sample code on how to hide the "Select All" checkbox for an IgGrid. We are using 2016.1
This thread looks promising. However, when I open the attached sample, but I don't see the rendered event that you mentioned anywhere in the code. And when I run the sample, I the Select All checkbox is still visible in the table header.
Do you happen to still have this sample code handy that you can re-post?
Thanks. Tory.
Hello rshouse,
I am glad that you have been able to achieve your requirement according to my suggestion.
Please let me know if you need any further assistance with this matter.
That works. Thank you.
Thank you for posting in our community.
By design we do not have an option to allow you to hide the header checkbox when there is a multiple selection and checkboxes enabled for row selectors. What I can suggest as workaround is getting reference to this checkbox and removing it from the DOM using jQuery remove method. This could be achieved in the rendered event of the grid. For example:
[code]
$("#grid").igGrid({
..
rendered: function(evt, ui) {
$("input[value='Hot Fuzz']").next().text("Hot Fuzz")
}
[/code]
I created a small sample illustrating my suggestion and I am attaching it for your reference.
Please have a look at my sample and let me know if you have any additional questions afterwards.