FAQ：一覧画面で特定の列の背景色を変更したい
## 回答
「[サーバスクリプト](/manual/table-management-server-script)」と「[スタイル](/manual/table-management-style)」を使用します。
---
## 概要
一覧画面で特定の列の背景色を変更する際は「[サーバスクリプト](/manual/table-management-server-script)」の「[columns](/manual/server-script-columns)」オブジェクトの「ExtendedCellCss」にあらかじめ「[スタイル](/manual/table-management-style)」で設定したスタイルを設定します。
今回は例として「開始」という名前の列の背景色を青色にします。
## 操作手順
1. 対象のテーブルを開きます。
1. 管理→テーブルの管理をクリックします。
1. 「[スタイル](/manual/table-management-style)」タブを開きます。
1. 新規作成ボタンをクリックし、ダイアログを表示します。
1. タイトルに「背景色を青にする」等の任意のタイトルを入力、スタイルに以下のCSSを入力、出力先は一覧を設定してダイアログの変更ボタンをクリックします。
1. 「[サーバスクリプト](/manual/table-management-server-script)」タブを開きます。
1. 新規作成ボタンをクリックし、ダイアログを表示します。
1. タイトルに「一覧画面の数値項目の背景色を青色にする」等の任意のタイトルを入力、スクリプトに以下のCSSを入力、条件は「行表示の前」を設定してダイアログの変更ボタンをクリックします。
1. 画面下部の更新ボタンをクリックします。
1. 対象テーブルの一覧画面を開き、開始列の背景色が青色になっていることを確認します。
## サンプルコード
### 1. スタイル
##### CSS
```
.blue {
background-color: blue;
}
```
### 2. サーバスクリプト
##### JavaScript
```
columns.StartTime.ExtendedCellCss = 'blue';
```
## 関連情報
<div id="ManualList"><ul><li><a href="/manual/table-management-style">テーブルの管理：スタイル</a><span>2023/05/18 up</span></li>
<li><a href="/manual/table-management-server-script">テーブルの管理：サーバスクリプト</a><span>2023/05/18 up</span></li></ul></article>
<ul><li><a href="/manual/server-script">開発者向け機能：サーバスクリプト</a><span>2023/06/01 up</span></li>
<li><a href="/manual/server-script-columns">開発者向け機能：サーバスクリプト：columns</a><span>2023/06/21 up</span></li></ul></article>
<ul><li><a href="/manual/style">開発者向け機能：スタイル</a><span>2023/05/18 up</span></li></ul></article>
<ul><li><a href="/manual/faq-server-script-log">FAQ：サーバスクリプトのエラーログを出力したい</a><span>2024/04/29 up</span></li></ul></article></div><input id="SearchTextHidden" type="hidden" value="" />
