Как изменить цвет поля группы кендо Grid?

Question

Я пытаюсь изменить цвет моей группы полей в сетке, цвет должен быть изменен на значение, например: если значение поля 'Pedro', цвет фона зеленый, если 'Фоновый цвет августа - красный ...

Проверьте ниже пример, который я сделал до настоящего момента и что я хотел бы сделать.

это мой пример, сгруппированный по UnitsInStock:https://dojo.telerik.com/AJomALET

что я хотел бы сделать: картина того, что я хочу сделать

Answer 1

Вы можете использовать поле groupHeaderTemplate , чтобы отметить каждую группу.Затем используйте javascript для применения классов к родительскому TD.

  columns: [
        { field: "ProductName", title: "Product Name"},
        { field: "UnitPrice", title: "Unit Price" },
        { field: "UnitsOnOrder", title: "Units On Order"},
        { 
          field: "UnitsInStock", 
          title: "Units In Stock" ,
          groupHeaderTemplate: "<span class='UIS #= value #'>Units In Stock: #= value #</span>"
        }
  ],
  dataBound: function(e) {                       
    $(".UIS.0").closest("td").css("backgroundColor", "red"); 
    $(".UIS.3").closest("td").css("backgroundColor", "#009C00");
    $(".UIS.4").closest("td").css("backgroundColor", "#7F7F7F");
  }