旧それなりブログの跡地、画像やスタイルやJSなどが壊れてることがあります。

DataGridColumnヘッダのスタイル設定が行の設定に負ける

2008年1月8日

Flex2/ActionScript3のDataGridColumnに対するスタイル設定でイマイチな挙動が
これは、期待通りに指定列のヘッダが中央寄せになる

var hs:CSSStyleDeclaration = new CSSStyleDeclaration;
hs.setStyle("textAlign", "center");
dataGridColumn.setStyle("headerStyleName", hs);

おーしおーし、じゃあ↓のようにしたいのでデータ行は右寄せにしよう

----------
|  金額  | <- 中央寄せ
----------
|   1,000| <-
|       0| <- 右寄せ
|  10,000| <-
----------

ということで、こう書く

var hs:CSSStyleDeclaration = new CSSStyleDeclaration;
hs.setStyle("textAlign", "center");
dataGridColumn.setStyle("headerStyleName", hs);
dataGridColumn.setStyle("textAlign", "right");

すると、こうなっちまう

----------
|    金額| <- 右寄せ
----------
|   1,000| <-
|       0| <- 右寄せ
|  10,000| <-
----------

んだよもおおおおおおお

DataGridColumnじゃなくてDataGridに対するスタイル設定の場合は
ちゃんとヘッダの設定が勝ってくれるので、これはいただけない。

headerRendererの仕様と組み合わせるとできるらしいけど・・・もういいや