プロプログラマ

プログラマーを職業としてます。 Flex,Air,C#,Oracle,HTML+JSの言語ノウハウを中心に情報発信していきます

[Flex] mx|DataGridヘッダーの縦線などを消す

FlexDataGridでは何もしなければ、縦横の罫線が表示されます。

通常は、このままでも問題はありませんが、要件によっては線を消してくれといわれてしまうこともあります。
そんなときは、以下のような設定で消すことができます。
▼縦線を消したいとき
headerSeparatorSkin=”spark.skins.SparkSkin”
▼横線を消したいとき(ヘッダーとデータとの境界線)

headerBackgroundSkin=”spark.skins.SparkSkin”

CSS指定なら
    <fx:Style>
        @namespace s "library://ns.adobe.com/flex/spark";
        @namespace mx "library://ns.adobe.com/flex/mx";

        mx|DataGrid {
            headerSeparatorSkin: ClassReference("spark.skins.SparkSkin");
        }
    </fx:Style>

 

== ランキングに参加しています。ぜひクリックお願いします ==

プログラム ブログランキングへ
にほんブログ村 IT技術ブログへ
にほんブログ村

,

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください