TssGrid 例: 条件付き書式 cellClass

値・行・列を見てセルにCSSクラスを付けるフックです。ルールエンジンは持たず、付けるのはクラスだけ＝見た目は業務側CSSで自由（リーンコア方針）。
このデモ：差分がマイナス＝赤字 / 在庫が10未満＝黄背景 / 状態で行を色分け。数量や状態を編集すると即座に色が変わります（編集時も再評価）。

デモ（数量・状態を編集してみて）

差し込み（要点）

columns: [
  { data:'在庫', type:'number',
    cellClass: v => +v < 10 ? 'tg-low' : '' },              // 列版: 値で判定
  { data:'差分', type:'number',
    cellClass: v => +v < 0 ? 'tg-neg' : (+v === 0 ? 'tg-zero' : '') },
],
// グリッド全体版（row=値の配列。他列も見られる＝grid参照不要でTDZ回避）
cellClass: (r, c, value, row) =>
  row[3] === '欠品' ? 'tg-row-ng' : row[3] === '良好' ? 'tg-row-ok' : '',
// 他列に依存する行ルールは、その列の編集時に再描画して反映:
onAfterChange: () => grid.redraw(),

/* CSS: .tssgrid td.tg-neg{color:#c00} .tssgrid td.tg-low{background:#fff3cd} … */