Самый простой способ решить эту проблему — переопределить настройки в искре DefaultGridHeaderRenderer, как описано в этой ссылке:

http://flexponential.com/2011/10/30/change-fontweight-of-spark-datagrid-headers/

В частности, я использовал следующий пользовательский headerRenderer, сохраненный в виде файла: myRightHeaderRenderer.mxml:

<?xml version="1.0" encoding="utf-8"?>
<s:DefaultGridHeaderRenderer xmlns:fx="http://ns.adobe.com/mxml/2009" 
            xmlns:s="library://ns.adobe.com/flex/spark" 
            xmlns:mx="library://ns.adobe.com/flex/mx" > 

<fx:Declarations>
    <s:Label id="labelDisplay" 
             verticalCenter="1" left="0" right="0" top="0" bottom="0"
             verticalAlign="middle"
             maxDisplayedLines="1"
             textAlign="right"
             fontWeight="bold"
             showTruncationTip="true" />
</fx:Declarations>

</s:DefaultGridHeaderRenderer>

Этот настраиваемый модуль визуализации заголовков выравнивает текст заголовка по правому краю. Чтобы использовать его, просто добавьте его в один или несколько столбцов Spark DataGrid следующим образом:

...
<fx:Array>
    <s:GridColumn ... />
    <s:GridColumn headerRenderer="myRightHeaderRenderer" ...>
    <s:GridColumn ... />
    ...
</fx:Array>
...

Я не знаю, как это сделать, но уверен, что его можно сделать более гибким, задав для атрибута textAlign значение center, left или right.

Если вы посмотрите на этот блог сообщение, доступно достаточное количество исходного кода, показывающего ты как это сделать.

Однако я думаю, что пример блога намного сложнее, чем вам нужно. Как вы и опасались, вам понадобится собственный headerRenderer, но ваш код должен быть довольно простым. Я только слегка протестировал это, поэтому, если у вас есть какие-либо проблемы, дайте мне знать.

Пользовательский рендеринг заголовков

package
{
    import spark.skins.spark.DefaultGridHeaderRenderer;

    public class CustomGridHeader extends DefaultGridHeaderRenderer
    {
        public function CustomGridHeader()
        {
            super();
        }

        public function set headerTextAlign(value:String):void
        {
            labelDisplay.setStyle("textAlign",value);
            labelDisplay.styleChanged("textAlign");
        }
    }
}

Переменные, доступные для ваших столбцов...

[Bindable] private var leftFactory:ClassFactory = new ClassFactory(CustomGridHeader);
[Bindable] private var rightFactory:ClassFactory = new ClassFactory(CustomGridHeader);
[Bindable] private var centerFactory:ClassFactory = new ClassFactory(CustomGridHeader);

On initialize or preinitialize...

leftFactory.properties = {headerTextAlign: "left"};
rightFactory.properties = {headerTextAlign: "right"};
centerFactory.properties = {headerTextAlign: "center"};

Для каждой колонки...

<s:GridColumn headerText="..." headerRenderer="{centerFactory}"/>