PRO conditional-format cell-styles expression
条件付き書式
在庫レベルの信号パターン、売上vs目標の数式ルール、ステータスのテキストマッチ色分け — 値を編集するとリアルタイムで更新。
デモの解説
このデモは商品在庫テーブルに複数の条件付き書式ルールを適用します。ルールはリアルタイムに評価されます — セルを編集すると関連セルの背景色が即座に更新されます。
- 在庫レベルはトラフィックライトルール：緑（100以上）・黄（25〜99）・赤（25未満） — 同じ範囲に3つのルール
- 売上vs目標は数式ルール：売上 > 目標で緑、売上 < 目標×0.8 で赤
- 売上高はグラデーションスケール：値が大きいほど濃い色
- ステータスのテキスト一致：'Delivered' → 緑、'Pending' → 黄、'Cancelled' → 赤
- ルールは優先度順に評価され、最初に一致したルールが適用
主要 API
ws.range(ref).addConditionalFormat(rule) 範囲に条件付き書式ルールを追加 — ルールは条件タイプ・比較値・一致時のスタイルを指定
ws.cell(row, col).setValue(value) セル値を更新して全条件付き書式範囲のルールをリアルタイム再評価
ws.setGridSize(rows, cols) データ行書き込み前にグリッドサイズを事前確保
ソースコード
TypeScript