Ag Grid - React- 根据组数据状态更改分组行颜色 -

Question

我想根据组数据状态更改组行的颜色。

Ag Grid sample Problem Image

Detailed problem image

根据上图，我想改变 2008 年的背景颜色，如果所有下面的行游泳。有人可以帮我解决这个问题。非常感谢您的帮助。

Ag Grid - 反应

Answer 1

您可以在 columnDefs 道具中定义“cellStyle”属性，并根据数据直接在那里处理颜色。

var columnDef = [{
  // Other columns
  ...
  {
    headerName: "Year",
    field: "year",
    cellStyle: function(params) {
      // adjust params.node.data.year depending on the of your attribute
      const year = params.node.data.year;
      
      // Default value
      let background = "#333";
      
      if (year === 2008) {
        background = "#f60"
      } 
      
      return background;
    }
  },
  // Other columns
  ...
];

如果您可以对自己的代码进行堆栈闪电战，我们会更容易为您提供帮助。

良好的编码。