グリッドと表形式 (Tabular) グリッドの列のスタイルを設定するクラスを設定します。

適用範囲

ジェネレーター: .NET、Java、Angular
コントロール: グリッド、表形式 (Tabular) グリッド

説明

Grid コントロールまたは 表形式 (Tabular) グリッドコントロールの各列に対し、 [ Column Class ] プロパティを設定してスタイルを与えることができます。
以下の画像は、 [ Web Layout ] にグリッドを含む Web Panel オブジェクトを示しています。グリッドの各列に対し、 [ Column Class ] プロパティを設定できます。

[ Column Class ] プロパティは実行時プロパティとして設定することもできます。次に例を示します。

実行時/設計時

このプロパティは、実行時および設計時の両方で適用されます。

例

[ Web Layout ] にグリッドを含む Web Panel オブジェクトを考えます。価格が 50 より高いグリッド行の商品価格を表示する列に背景色 (赤) を設定する必要があるとします。
この要件は次のコードで解決できます:

Event Grid1.Load
    For each Product
        &ProductId = ProductId
        &ProductDesc = ProductDesc
        &ProductPrice = ProductPrice
        if &ProductPrice >50
            &ProductPrice.ColumnClass = "RedColumn"
        else
            &ProductPrice.ColumnClass = "GridColumn"
        endif
        grid1.Load()
    endfor
endevent

この例の "RedColumn" クラスは、事前定義されている "GridColumn" クラスの子ノードとして定義する必要があります。
[ Column Class ] プロパティは、レスポンシブ Web アプリケーションを開発する場合に非常に役に立ちます。「レスポンシブ Web アプリケーションを設計する方法: グリッド内の列の非表示」を参照してください。

参考情報

[ gx-grid-column-class ] プロパティ
[ Class ] プロパティ