As stated, I'm trying to obtain column headers consisting of an icon and wrappable text in a flex AdvancedDataGrid.

(**EDIT**: I forgot to mention an important part of the context: the columns are added dynamically, in actionscript. This apparently changes the behavior.)

I've tried using a custom mxml headerRenderer, like so:

```
<mx:headerRenderer>
    <fx:Component>
        <mx:HBox width="100%"
                 height="100%"
                 verticalAlign="middle">
            <mx:Image source="<image_url>"
                      width="10%"
                      height="100%"/>
            <mx:Text text="{data.headerText}"
                     width="90%"
                     height="100%"/>
        </mx:HBox>
    </fx:Component>
</mx:headerRenderer>

```

but for some reason, the text here is truncated instead of wrapped (it works outside of a renderer).

I've also tried creating a subclass of AdvancedDataGridHeaderRenderer and overriding createChildren to add the icon:

```
override protected function createChildren():void
{
    var icon:Image = new Image();
    icon.source = <image_url>;
    icon.width = 16;
    icon.height = 16;
    addChild(icon);

    super.createChildren();
}

```

but then, the icon and the text get superimposed.

I'm out of ideas on this. Anyone else?