<?xml version="1.0" encoding="utf-8"?>
<!-- http://blog.flexexamples.com/2008/09/24/setting-background-colors-on-a-datagrid-column-in-flex/ -->
<mx:Application name=""
        xmlns:mx="http://www.adobe.com/2006/mxml"
        layout="vertical"
        verticalAlign="middle"
        backgroundColor="white"
        initialize="init();">

    <mx:Script>
        <![CDATA[
            import mx.core.ScrollPolicy;
            import mx.controls.dataGridClasses.DataGridColumn;
            import mx.controls.DataGrid;

            private var xmlDP:XML;
            private var xmlLoader:URLLoader;
            private var dataGrid:DataGrid;
            private var dgc1:DataGridColumn;
            private var dgc2:DataGridColumn;
            private var dgc3:DataGridColumn;

            private function init():void {
                dgc1 = new DataGridColumn("@c1");
                dgc1.setStyle("backgroundColor", "haloSilver");

                dgc2 = new DataGridColumn("@c2");
                dgc2.setStyle("backgroundColor", "white");

                dgc3 = new DataGridColumn("@c3");
                dgc3.setStyle("backgroundColor", "haloSilver");

                dataGrid = new DataGrid();
                dataGrid.verticalScrollPolicy = ScrollPolicy.ON;
                dataGrid.columns = [dgc1, dgc2, dgc3];
                addChild(dataGrid);

                xmlLoader = new URLLoader();
                xmlLoader.dataFormat = URLLoaderDataFormat.TEXT;
                xmlLoader.addEventListener(Event.COMPLETE,
                            xmlLoader_complete);
                xmlLoader.load(new URLRequest("data/dp.xml"));
            }

            private function xmlLoader_complete(evt:Event):void {
                var xmlObj:XML = new XML(evt.currentTarget.data);
                dataGrid.dataProvider = xmlObj.children();
            }
        ]]>
    </mx:Script>

</mx:Application>