Angular Ag Grid-基于数据的Flashcell样式

Question

我正在使用农业网格显示股票价格。这些价格通过提要实时更新。

• 我正在使用gridApi.updateRowData()来相应地更新行。
• 并且gridApi.flashCells()会在有更新时闪烁。
• 我在html中设置了enableCellChangeFlash="true"。

此设置运行正常。数据更改时，行将闪烁。

我的要求是，如果传入价格低于阈值价格，我需要将闪光灯颜色设为红色，如果其高于阈值价格，则将闪光灯颜色设为绿色。

我该如何实现？

Answer 1

基本上，您会在案件中was introduced only in 3.10使用默认的闪光色

.ag-theme-balham .ag-cell-data-changed {
    background-color: red !important;
}

另一种可能的方法是使用can override styles：

  

agAnimateShowChangeCellRenderer ：先前的值临时显示在旧值旁边，并带有方向箭头，指示值的增减。然后，旧值逐渐消失。

     

agAnimateSlideCellRenderer ：先前的值以淡入淡出的方式显示并滑动，随着旧值的淡入并滑动而产生幻影效果。

cellRenderer: "agAnimateShowChangeCellRenderer"

第三个是创建自己的自定义cellRenderer-但是，我认为这将是一个复杂的解决方案。