Change RadGrid column header text on client

[Ted]

How can I set/change the text of a column header on the client in response to a client-side event?  I would expect a GridTableView.set_columnHeaderText() or GridColumn.set_headerText(), but I don't see any methods like this?

[Shinu]

Hi,

Try the following javascript to set header text from client side.
JS:

function OnColumnCreated(sender, args)
{
    var column = args.get_column();
    switch (column.get_uniqueName())
    {
        case "EmployeeID":
            column.get_element().innerHTML = "your text"; //setting new HeaderText
            break;
    }
}

Thanks,
Shinu.

[Tsvetoslav]

Hello Ted,

If you need to do this outside of any RadGrid's event just go the way shinu has pointed and get a reference to the column's dom element as follows: $find("<%= RadGrid1.ClientID %>).get_masterTableView().getColumnByUniqueName("your column's uniquename goes here").get_element().

Hope it helps.


Regards,
Tsvetoslav
the Telerik team

[Alexander]

But what to do with export? I need the same changed name (not an original one!) was in the exported PDF/Excel file!

[Tsvetoslav]

Hi Alexander,

Here is the solution:
http://www.telerik.com/community/forums/aspnet-ajax/grid/radgrid-excel-export-column-header-always-centered.aspx
 
Regards,
Tsvetoslav
Telerik

[Alexander]

Hi,
you mean
e.ExportOutput
contains the actual markup, with changes made by javascript?

But by this moment, I already changed my code to "postback" the page and change the header's title on server-side...

[Daniel]

Hello Alexander,

The e.ExportOutput contains all the data which will be saved to the file. This means that if something is not there, it won't be exported.

Regards,
Daniel
Telerik