css - MVC 条件付き CSS フォーマット - 最大値

Question

条件付き CSS 書式設定を使用して、値に基づいてテーブル内の行を強調表示することはできますか?

私のシナリオでは、ICollection を含む ViewModel を持つ MVC ページ (Razor) があり、CSS を使用して特定のプロパティ (スコア) 値が最も高い行を強調表示したいと考えています。これはできますか？

ありがとう、

Answer 1

コントローラーでどの行が最も高いかを把握し、変数を ViewModel に追加して、どの行が「最も高い」かを示し、テーブルを作成するときにその TR 要素にクラスでフラグを立てる必要があります。

Answer 2

これにはいくつかの方法があります。

1. JavaScript を使用して、値が最も高い行を検出し、CSS クラスを追加します。
2. コントローラーで、コレクションをロードするときに、何らかの方法で最大値を含むオブジェクトをマークし、Razor ビューでこの最大値をチェックして、行の CSS クラスを条件付きで変更します。

Answer 3

特定の条件が満たされたときに行にクラスを追加するように、Razor コードを簡単にセットアップできますか?

Answer 4

確実ではありませんが、CSS だけでそれができるとは思えません。Javascriptで間違いなく実行可能です。