FAQ：一覧で条件に一致した項目の文字を装飾したい
## 回答
[サーバスクリプト](/ja/manual/table-management-server-script)と[スタイル](/ja/manual/table-management-style)を使用してください。
---
## 概要
プリザンターの[一覧](/ja/manual/table-management-grid)にて、日付(日付A)が1ヶ月以内(過去含む)の場合、日付の文字色を装飾するサンプルコードです。文字の装飾は[スタイル](/ja/manual/table-management-style)で指定します。
## 動作イメージ
## 操作手順
1. テーブルを作成してください
1. [サーバスクリプト](/ja/manual/table-management-server-script)を新規作成し、以下のスクリプトを記載してください。 条件には「行表示の前」をチェックして更新します。
1. [スタイル](/ja/manual/table-management-style)を新規作成し、以下のコードを記載してください。出力先には[一覧](/ja/manual/table-management-grid)をチェックして更新します。
1. [エディタ](/ja/manual/table-editor)から、以下のサンプルコードにあわせて、日付Aを有効化してください。
1. [新規作成]ボタンから新しいレコードを開き、日付Aに本日の日付を入力してレコードを作成します。
1. [一覧](/ja/manual/table-management-grid)に戻り、日付Aが赤文字で表示されていることを確認してください。
## サンプルコード
##### JavaScript
```
let now = new Date()
let limit = now.setMonth(now.getMonth() + 1);
if (model.DateA <= limit) {
columns.DateA.ExtendedCellCss = 'alert-color';
}
```
##### CSS
````
.alert-color {
color: red;
font-weight: bold;
}
````
## 関連情報
<div id="ManualList"><ul><li><a href="/ja/manual/table-editor">テーブル機能：レコードのエディタ画面</a><span>2023/04/12 up</span></li></ul></article>
<ul><li><a href="/ja/manual/table-management-editor">テーブルの管理：エディタ</a><span>2024/04/09 up</span></li>
<li><a href="/ja/manual/table-management-editor-columns">テーブルの管理：エディタ：エディタの項目の設定</a><span>2024/12/19 up</span></li></ul></article>
<ul><li><a href="/ja/manual/table-management-grid">テーブルの管理：一覧画面</a><span>2023/05/12 up</span></li></ul></article>
<ul><li><a href="/ja/manual/table-management-style">テーブルの管理：スタイル</a><span>2024/12/10 up</span></li>
<li><a href="/ja/manual/table-management-server-script">テーブルの管理：サーバスクリプト</a><span>2024/10/08 up</span></li></ul></article>
<ul><li><a href="/ja/manual/server-script">開発者向け機能：サーバスクリプト</a><span>2023/06/01 up</span></li></ul></article>
<ul><li><a href="/ja/manual/style">開発者向け機能：スタイル</a><span>2023/05/18 up</span></li></ul></article>
<ul><li><a href="/ja/manual/faq-server-script-log">FAQ：サーバスクリプトのエラーログを出力したい</a><span>2024/04/29 up</span></li></ul></article></div><input id="SearchTextHidden" type="hidden" value="" />
