Column header of row expander in grid

[Andy]

I have a grid that has a row expander for the detailsTemplate. I want to know how I can change the column header of the row expander to be something like

<span ng-click="myfunction()">Click here</span>

Right now the column header is blank.

[Alexander Valchev]

Hi Andy,

I am afraid that what you would like to achieve is not supported out of the box. The Grid widget does not provide opportunity for changing the column header of the row expander column via template.
My recommendation is to hook up to the click event and change the text of the cell manually, using jQuery.

To achieve that use the kendoWidgetCreated event which fires after the Grid is rendered. Then you may select the cell via class:

//in the kendoWidgetCreated event

grid.thead.find("th.k-hierarchy-cell").text("Click here").on("click", function() {
  //the click event handler
});

Where 'grid' holds a reference to the Kendo Grid widget instance.

Regards,
Alexander Valchev
Telerik