如果 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，{{1} } 的优点是通过属性 FormatterResultObject 将 CSS 类应用于单元格容器，并且使用格式化程序对象是访问单元格容器的唯一方法。