Flex : Use custom background skin on datagrid header for currently sorted column

Question

I use a flex mx:datagrid. I can set the headerBackgroundSkin to specify a skin or a picture to be displayed in all datagrid column's headers and it works just fine !

The problem is I can't find any way to specify a custom skin for the currently sorted column (doesn't matter if the sort is asc or desc, this is just to show the user which column is currently sorted).

I also tried to create a custom headerRenderer for each column but it is quite complicated and doesn't work very well.

I have been looking for the solution for a while but I can't find a good approach to do it. It sounds like a very basic need for me...incredible it is so complicated to achieve with Flex !!

I noticed someone was looking for the same thing few years ago but without success... http://groups.google.com/group/flex_india/msg/78564c365c487583

If anyone has a solution or a workaround I would appreciate a lot !

Thanks in advance Kim

[Flex]

Answer 1

There is no 'skin' for the column, however, you could change the backgroundColor style on the column itself when the user clicks to sort on the column itself. If you want something more complex, you will have to extend the Datagrid itself to do it.

Answer 2

If you only change backgroundColor it has no effect on header