コンテンツにスキップ

一覧で条件に一致した項目の文字を装飾したい

2026-09-172026-09-17

回答¶

サーバスクリプトとスタイルを使用してください。

概要¶

プリザンターの一覧にて、日付(日付A)が1ヶ月以内(過去含む)の場合、日付の文字色を装飾するサンプルコードです。文字の装飾はスタイルで指定します。

動作イメージ¶

操作手順¶

テーブルを作成してください
サーバスクリプトを新規作成し、以下のスクリプトを記載してください。条件には「行表示の前」をチェックして更新します。
スタイルを新規作成し、以下のコードを記載してください。出力先には一覧をチェックして更新します。
エディタから、以下のサンプルコードにあわせて、日付Aを有効化してください。
[新規作成]ボタンから新しいレコードを開き、日付Aに本日の日付を入力してレコードを作成します。
一覧に戻り、日付Aが赤文字で表示されていることを確認してください。

スクリプト¶

JavaScript¶

let now = new Date()
let limit = now.setMonth(now.getMonth() + 1);
if (model.DateA <= limit) {
   columns.DateA.ExtendedCellCss = 'alert-color';
}

スタイル¶

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

ver1.4.20.0以降¶

CSS¶

.grid td.alert-color {
   color: red;
   font-weight: bold;
}

ver1.4.19.2以前¶

CSS¶

.alert-color {
   color: red;
   font-weight: bold;
}

関連情報¶