Angular, Ag Grid - 基于数据的 Flashcells 样式答案

【问题标题】：Angular, Ag Grid - Flashcells styling based on dataAngular, Ag Grid - 基于数据的 Flashcells 样式
【发布时间】：2019-03-13 00:43:24
【问题描述】：

我正在使用 ag-grid 来显示股票价格。这些价格通过提要实时更新。

此设置运行良好。当数据发生变化时，行会闪烁。

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

我怎样才能做到这一点？

【问题讨论】：

标签： ag-grid

【解决方案1】：

基本上，您can override styles 是您机箱上的默认flash-color

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

另一种可能的方式是使用an existing approach：

agAnimateShowChangeCellRenderer：以前的值暂时显示在旧值旁边，方向箭头表示值的增加或减少。旧值随即淡出。

agAnimateSlideCellRenderer：之前的值以淡化方式显示并滑动，当旧值淡出并滑动时产生重影效果。

cellRenderer: "agAnimateShowChangeCellRenderer"

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

【讨论】：

感谢@un-spike 的评论。但是，覆盖默认样式对我没有帮助，因为我有条件地想要它。 Iverriding 会将其设为默认红色。只有当价格下降时我才想要红色。否则它应该是绿色的。你知道这样的伎俩吗？此外，“agAnimateShowChangeCellRenderer”只会为单元格设置动画。我需要用相应的颜色闪烁整行。