Toggle all selected/unselected

[wattsbn]

Currently when you enable the selection as described in the docs (210), there is a selection column that is added to the grid. This column looks nice and I would like to use it. However, I would like to add a checkbox in the header to select/unselect all the rows. Since I am not the one defining the column definition, I cannot supply my own headerCellTemplate. I would be willing to make my own selection column, but I would need to hide the one that gets auto added by the directive.

I would like one of the following:

• Have the toggle all selected/unselected checkbox in the header built-in the selection column
• Let me change the headerCellTemplate of the selection column before the grid gets rendered
• Add a way to keep the selection api without adding the selection column to the grid

[malplayer]

I think if you implement you own template for the check box header that will solve your issue

[wattsbn]

@malplayer The problem is that I have no way of giving any template that i make to the right column definition. The column is automatically added by the directive. I am not the one adding the column, so I don't know when/how to set any of the template properties.

[malplayer]

Correct you can give the template for check box header and make it black
that way the select all check box will not show up
On Sep 29, 2014 5:10 PM, "Bryan Watts" notifications@github.com wrote:

@malplayer https://github.com/malplayer The problem is that I have no
way of giving any template that i make to the right column definition. The
column is automatically added by the directive. I am not the one adding the
column, so I don't know when/how to set any of the template properties.

—
Reply to this email directly or view it on GitHub
#1636 (comment).

[PaulL1]

I think it makes sense to add this to the selection feature.

It is possible to turn off the selection header, and therefore you could add your own column. But it seems like a lot of work to do a roll your own, when adding it to the selection feature isn't huge - there's already a "select all visible rows" method I think, so it's just a case of putting a checkbox at the top and calling the method.

[wattsbn]

@malplayer I don't think you understand what the issue is because neither of your comments are solutions to the problem I have described here. If you want me to clarify something please let me know, but I reread the description and it seems clear to me.

I understand that I can implement my own headerCellTemplate for a typical column definition. However, the row selection column is not typical. It is added by the directive and not the user.

[wattsbn]

@PaulL1 The benefit to allowing the user to make their own selection column would be if they wanted to make it work differently or didn't want a selection column at all. For example, what is the desired behavior for when more rows are loaded after the select all is checked? Personally I would want those new rows to also be selected while other may not want them selected.

[PaulL1]

True, albeit that your code would have knowledge of whether new rows had been added, and if we added a callback that tells you whether the select all is checked, then you could programatically call the selectAll method.

Certainly for the base select all I'd see that as something lots of people might want. I don't have an objection to some form of custom row selection header, but I reckon it'd be a fair bit of work that ended up replicating much of what is already in the selection feature. And I suspect it would have much lower usage, and therefore be lower priority.

[tzweiner]

How can I programmatically check/uncheck the Select All checkbox at header row?

Here's my scenario.
I'm loading the grid with rows in it. I click the Select All checkbox and everything works as expected. I go to next page. None of the rows there are selected, as expected, but the Select All checkbox at the top is still selected. The "ui-grid-all-selected" class is not removed on pagination. So I need to a way to unselect it.

Thanks.

ps - I'm using ui-grid 3.0