Start Building Professional
Web Apps Today


 
Categories Question details Back To List
Question  posted by abrauer on Nov 03, 2008 03:01
open dhtmlx forum
dhtmlxgrid, howto display sortable column icon

Hi,

is there a way to make column headers display some icon that indicates that this column is actually sortable?
The reason is that for a normal user it is not clear that a column is sortable as long as he/she doesn't ever click on a header.
So it would be nice to be able to display an icon in the header, that shows this column is sortable, but not sorted yet.

regards
Answer posted by Support on Nov 03, 2008 03:47
There is no built-in support for such functionality , technically you can add any kind of custom HTML as part of column header , so you can inject any kind of custom icon in header as well ( which can be later hidden from onAfterSorting event ) 
Answer posted by abrauer on Nov 05, 2008 06:49
In the examples I could not find anything where custom HTML is placed in the header.
Do you have an example or could you give me at least an idea of how to actually add
"any kind of custom HTML as part of column header"?
Answer posted by Support on Nov 05, 2008 08:47
Just place it in setHeader command as 

grid.setHeader("A <mg src='some.gif' />, B")

or in case of init from XML 

<rows>
<head>

    <column .... ><![CDATA[ A <mg src='some.gif' /> ]]></column>

http://dhtmlx.com/docs/products/dhtmlxGrid/doc/articles/Headers_and_footers.html#grid_art_hdrftr

Answer posted by Support on Nov 05, 2008 08:48
Just place it in setHeader command as 

grid.setHeader("A <mg src='some.gif' />, B")

or in case of init from XML 

<rows>
<head>

    <column .... ><![CDATA[ A <mg src='some.gif' /> ]]></column>

http://dhtmlx.com/docs/products/dhtmlxGrid/doc/articles/Headers_and_footers.html#grid_art_hdrftr