Flex - выдает вертикально выравнивающий текст заголовка Datagrid

Question

У меня проблемы с выравниванием текста заголовка сетки данных. Я использую встраиваемый шрифт для текста заголовка, и при применении CSS текст заголовка ведет себя так, как будто бы я установил вертикальное выравнивание текста вверх Я пытаюсь отцентрировать текст по вертикали, но не нашел способа заставить его работать.

Изображение, чтобы дать вам лучшую идею: альтернативный текст http://www.freeimagehosting.net/uploads/d9657df077.jpg

Любой совет?

С уважением, BS_C3

Answer 1

Вы используете headerRenderer? Простой headerRenderer может выглядеть так:

<mx:HBox width="100%" height="100%" verticalAlign="middle">
  <mx:Label text="{data.name}"/>
</mx:HBox>

Это будет центрировать этикетку вертикально внутри коробки. Вы также можете расположить горизонтально.

Answer 2

Почти год, но тем не менее .. Добавить стиль как

// может быть верх / середина / низ

.headerStyleClass {
        vertical-align:bottom;     
}

и затем используйте этот стиль в своем столбце следующим образом

 <mx:AdvancedDataGridColumn dataField="xyz"   headerText="Deriv/FX" ***headerStyleName="headerStyleClass">***

Вы должны получить желаемый результат