Ag Grid - React - Изменение цвета сгруппированной строки в зависимости от статуса данных группы -

Я хочу изменить цвет строки группы в зависимости от статуса данных группы.

Образец проблемы Ag Grid

Подробное изображение проблемы

Согласно приведенному выше изображению, я хочу изменить цвет фона 2008 года, если все ниже рядами плавания. Может ли кто-нибудь помочь мне в этом. Помощь очень ценится.

Ag Grid - React


person Ganesh Koilada    schedule 14.12.2019    source источник
comment
Добро пожаловать, @ Ганеш Койлада! Вы можете встроить изображение прямо в свой вопрос. И если есть возможность, предлагаю добавить подробности.   -  person gsscoder    schedule 14.12.2019


Ответы (1)


Вы можете определить атрибуты cellStyle в свойствах columnDefs и обрабатывать цвет непосредственно там в зависимости от данных.

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

Если бы вы могли сделать стек своего кода, нам было бы легче вам помочь.

Хорошая кодировка.

person jbergeron    schedule 14.12.2019
comment
Спасибо за ваш ответ, но вопрос в том, что нужно выделить сгруппированную строку 2008, а не 2008, который в строке данных. то есть, когда я нажимаю группу по году, необходимо оформить группу по строке. - person Ganesh Koilada; 15.12.2019
comment
@GaneshKoilada Не могли бы вы обновить свой вопрос кодом вашей проблемы? - person jbergeron; 16.12.2019
comment
@@ jbergeron Я пробовал cellStyle и rowStyle, но они не подходят для сгруппированной строки, я прикрепил еще одно изображение. Не могли бы вы это проверить. - person Ganesh Koilada; 17.12.2019