title: Flex 4 Datagrid s:MXDataGridItemRenderer issue - default styles are lost?
body: <p>All, I have implemented a HeaderRenderer on all my Datagrid columns. When I do this, it appears that all the default DataGrid column header styles are being lost, eg: </p>
  
  <ul>
  <li>When I hover over a column header, the default in the DataGrid is to show it in another colour (same colour as the row selection colour) - this is not happening now.</li>
  <li>When I click on a column header, the default in the DataGrid is to show it in another colour (same colour as the row selection colour) - this is not happening now.</li>
  </ul>
  
  <p>Do I have re-apply these styles in my s:MXDataGridItemRenderer ? How is this done...</p>
  
  <p>My renderer code is below...</p>
  
  <pre><code>&lt;s:MXDataGridItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009" 
                        xmlns:s="library://ns.adobe.com/flex/spark" 
                        xmlns:mx="library://ns.adobe.com/flex/mx" 
                        focusEnabled="true"&gt;
  &lt;s:states&gt;
      &lt;s:State name="none" /&gt;
      &lt;s:State name="asc" /&gt;
      &lt;s:State name="desc" /&gt;
  &lt;/s:states&gt;
  
  &lt;!-- border - bottom --&gt;
  &lt;s:Rect bottom="0" right="0" left="0" height="1"&gt;
      &lt;s:fill&gt;
          &lt;s:SolidColor color="0x9C9C9C" /&gt;
      &lt;/s:fill&gt;
  &lt;/s:Rect&gt;
  &lt;!-- border - top --&gt;
  &lt;s:Rect top="0" right="0" left="0" height="1"&gt;
      &lt;s:fill&gt;
          &lt;s:SolidColor color="0x9C9C9C" /&gt;
      &lt;/s:fill&gt;
  &lt;/s:Rect&gt;
  &lt;s:HGroup verticalAlign="middle" width="100%"&gt;
      &lt;s:HGroup horizontalAlign="left" width="100%" paddingLeft="5"&gt;
      &lt;s:Label id="lblData"  width="100%"
               top="0" left="5" right="0" bottom="0" 
               paddingTop="5" paddingBottom="5"
               verticalAlign="middle"
               color="black"
               text="{dataGridListData.label}"
               maxDisplayedLines="1"
               /&gt;
      &lt;/s:HGroup&gt;
      &lt;s:HGroup horizontalAlign="right" verticalAlign="middle" paddingRight="2" &gt;
          &lt;s:Label id="lblcolCount" 
                   top="0" left="0" right="0" bottom="0" 
                   paddingTop="5" paddingBottom="5"
                   verticalAlign="middle"
                   color="black"
                   text="{colCount}" /&gt;
          &lt;mx:Image id="image_down" top="0" left="0"  bottom="0"
                    source.asc="{GridColumnSortControlAscending}"  verticalAlign="middle"
                    source.desc="{GridColumnSortControlDecending}"/&gt;
      &lt;/s:HGroup&gt;
  
  &lt;/s:HGroup&gt;
  &lt;fx:Script&gt;
      &lt;![CDATA[
  
          [Bindable]
          public var colCount:String = "";
            ]]&gt;
  &lt;/fx:Script&gt;
  </code></pre>
  
  <p></p>