それなりブログ

とあるWebエンジニアのそれなりのブログ、JavaScript/Node.js/Python/PHP/ゲーム作成 など

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

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の仕様と組み合わせるとできるらしいけど・・・もういいや



コメントを残す

メールアドレスが公開されることはありません。

Categories

Archives