Ag-Grid: 行のデータに基づいてではなく、タイマーに基づいて行のスタイルを設定することは可能ですか?

Question

しばらくしてから行の背景色を変更する必要があります。グリッドに秒単位の時間を示す列があり、その時間が 50% 経過した後に行の色を変更する必要があります。

グリッド内のデータ自体は変更されないため、ルールに照らしてデータを評価するトリガーとなるものが何も変更されないため、rowClassRules を使用しても機能しないようです。代わりに、遅延を指定して setTimeout() 関数を使用することを考えましたが、CSS クラスを rowNode に適用するために setTimeout ブロック内で何が行われるのかわかりませんでした。行自体のデータは変更したくありません。最悪のシナリオでは、新しい非表示列を追加して、タイマーの後にその列の値を変更することもできると思いますが、それは避けたいと思います。私はリアクトを使用しています。

私は次のようなことをしようとしています:

リーリー リーリー リーリー

ただし、行には実際に変更されたデータがないため、警告配列に ID を追加すると、rowClassRules の再評価はトリガーされません。

Answer 1

これは絶対に可能です。

アイデアは、グリッド データを更新して、事前定義されたスタイルを適用することです。

たとえば、各レコードの年齢フィールドを 3 秒後に 100 に更新します。 rowClassRules によれば、98 年を超えるデータは、事前定義されたスタイルの候補となります。

リーリー

このバカを見てみろよ

https://plnkr.co/plunk/wVt8QvavUM1UrblC