slickgrid - 如果Angular slickgrid中存在值，如何设置单元格颜色

Question

我正在使用 Angular slickgrid，如果该单元格中存在该值，我想更改单元格颜色。

注意：我只想要单元格而不是整行的颜色。

有没有最好的方法来遍历所有的单元格并设置颜色或任何等效的解决方案？

我需要根据数据显示不同的单元格颜色。如果数据来自服务器并且未更改（不脏），则为红色。如果数据被编辑或添加新行（脏），则单元格颜色将为蓝色。我已经更新了这个问题。

    function renderCellWithColor(cellNode, row, dataContext, colDef) {
  if (dataContext[colDef.field] != ""){
    $(cellNode).addClass("requiredClass"))
  }
}

我正在使用这个功能enableAsyncPostRender。如果我编辑或添加新行，这不起作用。

Answer 1

使用列定义上的选项cssClass或使用返回对象的自定义格式化程序FormatterResultObject，请参阅 Wikis Custom Formatter - FormatterResultObject - Wiki和sample - Wiki，FormatterResultObject其优点是通过属性将 CSS 类应用于单元格容器addClasses并使用格式化程序对象是访问单元容器的唯一方法。