11 Replies Latest reply on Jun 16, 2010 10:11 AM by pradeep reddy

    Flex datagrid headcolor style not working...

    jerry98225 Level 1

      Hello guys.

         I am trying to change the datagrid header color by editing headerColor style. I could change the font size, font family...etc except the headerColor. Would someone help me about it? Thanks a lot.

       

      My code

       

      Mxml

       

      <mx:DataGrid id="dataGrid" creationComplete="dataGrid_creationCompleteHandler(event)" dataProvider="{cityinfoResult3.lastResult}">

      <mx:columns>

      <mx:DataGridColumn headerText="Detail" dataField="detail"/>

      <mx:DataGridColumn headerText="Name" dataField="name"/>

      </mx:columns>

      </mx:DataGrid>

       

       

      Style

       

       

      #dataGrid{

      headerColors: #ff6600;    //everything works except this one...

      rollOverColor: #33ccff;

      textRollOverColor: #ffffff;

      iconColor: #ff0000;

      fontFamily: Arial;

      fontSize:12;

      dropShadowEnabled: true;

      alternatingItemColors: #330099, #0000cc;

      color: #ffffff;

      borderColor: #ffffff;

       

      }