道場のデータグリッドであなた条件付きスタイルAセルをどのように行いますか？

Question

は基本的に私がやりたいことは、セルの値に基づいて、データグリッド内の個々のセルに追加のCSSクラスを適用することです。例では、ドルの値が負の場合、テキストが赤色になります。

私が見つけた唯一の解決策は、渡された値に基づいて、クラスを持っているスパンの文字列を作成するには、列のフォーマッタを使用することでした。私はもっと良い方法がなければならない把握ます。

Answer 1

構造を指定する場合、

は、あなたが与えられた列のウィジェットの構成を表すオブジェクトを渡します。このオブジェクトの一部として、定義でフォーマッタ機能を含む

{
...
 formatter: function(val, rowIdx, cell) {
    classes = compute_classes(val, rowIdx, cell);
    cell.customClasses.push(classes);
  }
}

しかし、あなたの「compute_classesは」を使用するクラスを計算することはあなた次第です。彼らは、セルに適用され、その後、あなたはあなたのCSSでその外観を管理することができます。