title: Unable to Align data in Datagrid
body: <p>Hi I have issue with alignment of data in the spark datagrid column after Rendering. All the headers are aligned towards left, however i would like to do the following
  1. Middle the column header name.
  2. Align the text to right.
  3.Freeze the first column so that when i do horizontal scroll, the first column should not move horizontally.</p>
  
  <p>Any help in this regard would be highly grateful.</p>
  
  <p>Thanks and regards</p>
  
  <pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
  &lt;s:GridItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009" 
                      xmlns:s="library://ns.adobe.com/flex/spark" 
                      xmlns:mx="library://ns.adobe.com/flex/mx"
                      clipAndEnableScrolling="true"&gt;
  
      &lt;fx:Script&gt;
          &lt;![CDATA[
              import flashx.textLayout.formats.BackgroundColor;
  
              import mx.controls.Alert;
              import mx.states.SetStyle;
  
              private const POSITIVE_COLOR:uint = 0x000000; // Black
              private const NEGATIVE_COLOR:uint = 0xFF0000; // Red
  
              override public function prepare(hasBeenRecycled:Boolean):void {
  
                  if (this.data) {
                      if (column.labelFunction != null ) {
                          lblData.text = column.labelFunction( data, column );
  
                          setStyle("color", (parseInt(this.data.st1) &lt; 0) ? NEGATIVE_COLOR : POSITIVE_COLOR);
  
                      } else {
                          lblData.text = data[column.dataField];
                      }
                  }
              }
          ]]&gt;
      &lt;/fx:Script&gt;
  
      &lt;s:Label id="lblData" top="9" left="7" textAlign="right"/&gt;
  
  &lt;/s:GridItemRenderer&gt;
  </code></pre>