Kendo Grid Title Change

I am trying to change the title of the kendo grid. However when i do the below on change event the filtering doesn't work for that column. I have a sample code here to replicate t

Solution 1:

Why do you want to change the title in runtime instead of while creating it? Anyhow, you can do it using:

$("#change").on("click", function() {
    $("#grid th[data-field=FirstName]").contents().last().replaceWith("MiddleName");
});

Your JSFiddle modified here: http://jsfiddle.net/OnaBai/nLn5b/5/

Solution 2:

I believe it is more clear this way:

$("#grid th[data-field=FirstName]").html("MiddleName");