Underline only sortable columns using css (common place) in RadGrid

[Ravishankar]

I am working on RadGrid. Somehow not able to find a css to distinguish sortable and non-sortable column. I need this because I wanted to underline only sortable columns.

[Eyup]

Hi Ravishankar,

For sortable columns the grid generates a link element:

<th scope="col" class="rgHeader"><a onclick="Telerik.Web.UI.Grid.Sort($find('RadGrid1_ctl00'), 'ShipName'); return false;" title="Click here to sort" href="javascript:__doPostBack('RadGrid1$ctl00$ctl02$ctl02$ctl01','')">ShipName</a></th>

While for unsortable columns it is just plain text:

<th scope="col" class="rgHeader">Freight</th>

Therefore, you can use this when adding the CSS rule:

div.RadGrid .rgHeader a {
    color: forestgreen;
}

That should do the trick.

Regards,
Eyup
Telerik by Progress

[Ravishankar]

Thanks.