Yes. The following example shows one way...

main.mxml:
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml";
layout="absolute">
     <mx:Script>
         <![CDATA[
             [Bindable] private var dp:Array = [
             { symbol: "ADBE", name: "Adobe Systems Inc.", price: 49.95
},
             { symbol: "BETA", name: "Beta Inc.", price: 19.95 },
             { symbol: "CSCO", name: "Cisco Inc.", price: 45.95 },
             { symbol: "DELL", name: "Dell Inc.", price: 34.95 },
             { symbol: "EXPD", name: "Expedia Inc.", price: 39.95 },
             { symbol: "FOXS", name: "Fox Sports Inc.", price: 9.95 },
             { symbol: "GOOG", name: "Google Inc.", price: 139.95 },
             { symbol: "ICON", name: "Icon Inc.", price: 32.95 },
             { symbol: "JUNI", name: "Juniper Inc.", price: 23.95 },
             { symbol: "KLA", name: "KLA Tencor Inc.", price: 37.95 },
             { symbol: "MACR", name: "Macromedia Inc.", price: 39.95 },
             { symbol: "MSFT", name: "Microsoft Corp.", price: 25.95 },
             { symbol: "IBM", name: "IBM Corp.", price: 42.55 }
             ];
         ]]>
     </mx:Script>
     <mx:AdvancedDataGrid id="ADG" dataProvider="{dp}"
rowCount="{dp.length + 1}">
         <mx:columns>
             <mx:AdvancedDataGridColumn headerText="Name"
dataField="name"/>
             <mx:AdvancedDataGridColumn headerText="Symbol"
dataField="symbol" headerRenderer="SymbolColumnHeaderRenderer"/>
             <mx:AdvancedDataGridColumn headerText="Price"
dataField="price"/>
         </mx:columns>
     </mx:AdvancedDataGrid>
</mx:Application>

SymbolColumnHeaderRenderer.as:
package
{
     import
mx.controls.advancedDataGridClasses.AdvancedDataGridHeaderRenderer;

     public class SymbolColumnHeaderRenderer extends
AdvancedDataGridHeaderRenderer
     {
         private const headerBackgroundColor:int = 0x00FF00;

         override protected function
updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void
         {
             super.updateDisplayList(unscaledWidth, unscaledHeight);

             graphics.moveTo(0, unscaledHeight);
             graphics.lineStyle(2, headerBackgroundColor);
             graphics.lineTo(unscaledWidth, unscaledHeight);
             graphics.beginFill(headerBackgroundColor);
             graphics.drawRect(0, -1, unscaledWidth, unscaledHeight + 1);
             graphics.endFill();
         }
     }
}


HTH



Steve


--- In flexcoders@yahoogroups.com, "Joe" <j...@...> wrote:
>
> is it possible to header color on a column in an advanceddatagrid?
>
> I can change all of the headers but not individually.  I have tried
headerColors in css and styleFunction.
>
> I came across a custom skining but it only works for datagrid not
advanceddatagrid.
>
> Thanks
>

Reply via email to