Kendo UI Angular Grid toggle all checkboxes in a column based on header checkbox select all

Hi Ajay,

Thank you for the provided information.

In order to accomplish the desired behavior an entirely custom checkbox column could be created. Using the kendoGridHeaderTemplate (for the select all checkbox) and kendoGridCellTemplate (for the row checkbox) will help in implementing the checkbox column.

To get the desired data use the change event of the input tag.

And lastly, to select only the checkbox use the following style to disable the color of the other cells in the table.

    tr.k-state-selected >td, tr.k-alt.k-state-selected  >td {
      background-color: unset !important;
    }
    .k-grid tbody tr:hover {
      background-color: rgba(0, 0, 0, 0.08);
    }
    .k-grid tbody tr.k-alt:hover {
      background-color: rgba(0, 0, 0, 0.08);
    }

Please check the following example demonstrating such an approach:

https://stackblitz.com/edit/angular-l3o3n7-9dbffz

I hope this helps, but in case I am missing something, please do let me know.

Regards,
Valentin
Progress Telerik