[]
        
(Showing Draft Content)

グリッド:グリッドの要素とスタイル設定

FlexGridは下記の図のように、行ヘッダー、列ヘッダー、データセルなど各種セルを含むGridPanelで構成されています。

各領域のGridPanelは、FlexGridのプロパティ(cells、columnheaders、columnfooters、rowheaders、topleftcells、bottomleftcells)から取得でき、領域内の行や列、セルの値などにアクセスすることができます。


FlexGridの構成図.png



また、これらのセルを表すHTML要素には、itemformatterプロパティ、またはformatitemイベントを使用してアクセスすることができます。各種セルのタイプはCellType列挙型を使用して判定できます。

詳細については、下記のナレッジベースをご参照ください。

[FlexGrid] itemFormatter、またはformatItemでセルを表すHTML要素を設定できるセルについて

 

 

スタイル設定のトピック

FlexGridのスタイル設定は、CSSで設定する方法やHTML要素のstyleプロパティを設定する方法、APIで設定する方法などがあります。

詳細については、下記のトピックやデモ、ナレッジベースをご参照ください。

 

【ヘルプ】

l サイズとスタイル

l セル範囲でのスタイル変更

 

【デモ】

l Tips:列ヘッダーセルのスタイルを変更する

l グリッド:行のスタイル

l グリッド:列のスタイル

l グリッド:スタイル用API

 

【ナレッジベース】

l [FlexGrid] セルのスタイルを設定する方法(CSSを使用する方法)

l [FlexGrid] セルのスタイルを設定する方法

l クイックリンク一覧 > グリッド > スタイル(背景色や文字色など)を設定する

l クイックリンク一覧 > グリッド > 行ヘッダ