Coloring a column

Question

Hi,
I am trying to color the text of a column based on conditions. I have seen some examples, but they use the renderers.
I have a datagrid with a column that has a combobox as a component itemeditor, I want that column text to be colored based on conditions
<datagrid id="myGrid>
<columns>
<datagridcolumn headerText="project" dataField="project" />
<datagridcolumn headerText="status" dataField="status_type" itemEditor="statuscombobox" editorDataField="newValue" />
</columns>
</datagrid>
statuscombobox.mxml
<vbox>
<script>
</script>
<combobox id="cbStatus" />
</vbox>
I would like to have the text of column 'status' to be colored based on conditions and when clicked on the column, the combobox shows up (which need not be colored).
any suggestions
Thank you,

Answer 1

You can do that with headerStyleName property of DataGridColumn. Following code snippet will give you an idea how to use it.
    <mx:Style>
         .hColor{
              color: #ff0000;
    </mx:Style>
     <mx:DataGrid>
          <mx:columns>
               <mx:DataGridColumn headerStyleName="hColor" dataField="name"/>
          </mx:columns>
          <mx:dataProvider>
               <mx:Array>
                    <mx:Object name="A1"/>
                    <mx:Object name="A2"/>
                    <mx:Object name="A3"/>
                    <mx:Object name="A4"/>
               </mx:Array>
          </mx:dataProvider>
     </mx:DataGrid>