一覧画面で特定の列の背景色を変更したい

回答¶

サーバスクリプトとスタイルを使用します。

概要¶

一覧画面で特定の列の背景色を変更する際はサーバスクリプトのcolumnsオブジェクトの「ExtendedCellCss」にあらかじめスタイルで設定したスタイルを設定します。
今回は例として「開始」という名前の列の背景色を青色にします。

操作手順¶

1. 対象のテーブルを開きます。
2. 管理→テーブルの管理をクリックします。
3. スタイルタブを開きます。
4. 新規作成ボタンをクリックし、ダイアログを表示します。
5. タイトルに「背景色を青にする」等の任意のタイトルを入力、スタイルに以下のCSSを入力、出力先は一覧を設定してダイアログの変更ボタンをクリックします。
6. サーバスクリプトタブを開きます。
7. 新規作成ボタンをクリックし、ダイアログを表示します。
8. タイトルに「一覧画面の数値項目の背景色を青色にする」等の任意のタイトルを入力、スクリプトに以下のCSSを入力、条件は「行表示の前」を設定してダイアログの変更ボタンをクリックします。
9. 画面下部の更新ボタンをクリックします。
10. 対象テーブルの一覧画面を開き、開始列の背景色が青色になっていることを確認します。

サーバスクリプト¶

JavaScript¶

columns.NumA.ExtendedCellCss = 'blue';

スタイル¶

ver1.4.20.0前後で記載方法が異なりますのでご注意ください。

ver1.4.20.0以降¶

CSS¶

.grid td.blue{
    background-color: blue;
}

ver1.4.19.2以前¶

CSS¶

.blue {
    background-color: blue;
}

関連情報¶

• 開発者向け機能：サーバスクリプト
• 開発者向け機能：スタイル
• 開発者向け機能：サーバスクリプト：columns