Declined
Last Updated: 23 Jul 2025 08:44 by ADMIN
Romain
Created on: 04 Jul 2025 11:02
Category: Kendo UI for Vue
Type: Feature Request
0
Allow programmatic control of HeaderSelectionCheckbox state in Grid
Hi Kendo UI team,

I’m using the HeaderSelectionCheckbox feature in the Grid to let users select all rows and perform a bulk action (like deleting all selected items). This works perfectly, but I’ve run into a small UX issue.

After I programmatically remove all selected items (e.g., after a successful delete operation), the HeaderSelectionCheckbox remains in a selected state — even though there are no more selected or visible rows in the Grid.

Use case:
- User clicks the header checkbox to select all rows.
- User clicks "Delete", which removes all selected rows programmatically.
- The HeaderSelectionCheckbox remains selected, despite no rows being selected.

Question:
Is there currently a supported way to control the state of the HeaderSelectionCheckbox from user-land (e.g., via a prop or method)?
If not, would it be possible to expose an API or prop to manually reset its state?

Thanks in advance!


3 comments
ADMIN
Filip
Posted on: 23 Jul 2025 08:44

Hi, Romain,

I am glad that you have managed to find a working solution. Please let me know in case further questions arise on this matter.

Regards,
Filip
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Romain
Posted on: 16 Jul 2025 08:18

Hey Filip!

Just a quick update — I managed to fix it by using a computed property and updating the headerSelectionValue based on whether all items are selected and if there are any items in the list.

It’s working great now! 🎉

ADMIN
Filip
Posted on: 11 Jul 2025 09:21

Hello, Romain,

While currently the KendoUI for Vue does not expose an API or a prop to manually reset it's state a possible approach that I can suggest is to reset the Grid’s selection-related state with custom logic to ensure no rows are marked as selected. If possible can you please send me a runnable example which reproduces the faced issue? 

This will enable me to look for an alternative approach that might fit your needs.

Regards,
Filip
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.