Ag Grid-反应-根据组数据状态更改已分组的行颜色-

Question

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

Ag Grid sample Problem Image

Detailed problem image

根据上面的图片，如果所有下面的游泳行，我想更改2008年的背景颜色。有人可以帮我这个忙吗？非常感谢您的帮助。

Ag网格-反应

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
  ...
];

如果您可以对您的代码进行快速整理，那么我们可以更轻松地为您提供帮助。

良好的编码。