reactjs - 条件付きでスタイルグリッド行を反応させる

Question

React Data Grid ( https://devexpress.github.io/devextreme-reactive/react/grid/ ) を使用してデータを表示しています。すべて正常に動作しますが、例として と の間に
25 のような値がある場合、特定の行にカスタム スタイル (背景色の変更) を追加したいと思います。 この顧客には 25 ユーザーのような値があります。 次に、この顧客が現在どの層に属しているかを確認したいと思います。背景 に色を付けてやりたいです。例として10があり、最初の行に15があります! 例として20があり、2行目に30があります! その場合、25 は 2 行目の 20 と 30 の間にあるため、2 行目を別の色にしたいと思います。 これは私が今持っているものです：minNumberOfUsersmaxNumberOfUsers


tr
minNumberOfUsersmaxNumberOfUsers
minNumberOfUsersmaxNumberOfUsers

<Grid
  rows={this.state.fields.priceplan.userPriceTiers || []}
  columns={[
    { name: "minNumberOfUsers", title: "minNumberOfUsers },
    { name: "maxNumberOfUsers", title: "maxNumberOfUsers" },
    { name: "price", title: "priceuser" },
]}>
<CurrencyTypeProvider for={["price"]} />
<NumberTypeProvider for={["minNumberOfUsers", "maxNumberOfUsers"]} />
<Table columnExtensions={[{ columnName: "minNumberOfUsers", width: 150 }, { columnName: "maxNumberOfUsers", width: 150 }]} />
<TableHeaderRow />
</Grid>

tr値が列グリッドの値の間にあるときに、カスタム クラス名またはスタイルを追加する方法を知っている人はいますか?
ユーザーの現在の価格帯を表示するには、これが必要です。

これは私が達成したいことです:

25 人のユーザーがいて、25 は 1 から 50 の間であるため、上の層は黄色で表示されます。