Séparation dans les headers d'une AdvancedDataGrid ?

Bonjour,

Je découvre Flex depuis peu, et je me trouve face à un problème que je n'arrive pas à résoudre.
Je dois utiliser une AdvancedDataGrid afin d'afficher des données sous forme de tableau, avec un arbre dépliable à gauche. Jusque là, pas de problème, j'arrive bien à afficher ce que je veux comme je veux.

Sauf que j'ai un souci d'affichage : les headers de colonnes ont une espèce de barre verticale de séparation. Au début, je pensais que c'était dû au fait que les colonnes soient triables. Ne voulant pas de possibilité de tri sur les colonnes, je les ai rendues non triables en mettant la propriété "sortable" à false. Mais la barre verticale de séparation, qui donnait l'impression de n'être là que pour afficher la petite flèche indiquant le sens du tri, est toujours là, sauf que maintenant elle ne sert plus à rien !

Un petit screenshot est joint pour illustrer mon propos.

Comme vous pouvez le constater, en plus de ne servir à rien, c'est vraiment handicapant car mon AdvancedDataGrid doit avoir une trentaine de colonnes, et je ne peux pas me permettre de perdre tant de place inutilement !

Un ami m'a dit qu'en mettant des DataGridColumn à la place des AdvancedDataGridColumn on obtenait le rendu souhaité (sans cette barre de séparation). Seulement, je ne voudrais pas souffrir par la suite d'une limitation des DataGridColumn !

Si quelqu'un a la réponse à cette question...

Merci d'avance.

EDIT : j'ai résolu le problème, il faut mettre le headerRenderer à null, de la façon suivante par exemple :

Code:

---

1 2 3 4 5

<mx:AdvancedDataGrid id="adg1" designViewDataType="tree" headerRenderer="{null}" itemRenderer="myItemRenderer" dataProvider="{hdListTasks}" editable="true" draggableColumns="false" bottom="43" left="0" right="0" top="0" textAlign="center">   </mx:AdvancedDataGrid>

---