Kendo ui 如何更改场组剑道网格的颜色？

我正在尝试更改网格中字段组的颜色，颜色应按值更改，例如：如果字段的值为“Pedro”，则背景颜色为绿色，如果为“August”，则背景颜色为红色

检查下面的例子，我到目前为止已经做了什么，我想做什么

这是我按UnitsInStock分组的示例：

我想做的是：

您可以使用该字段标记每个组。然后使用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");
  }

列：[
{字段：“产品名称”，标题：“产品名称”}，
{字段：“单价”，标题：“单价”}，
{字段：“单位订单”，标题：“订单上的单位”}，
{ 
字段：“单位股票”，
标题：“库存单位”，
groupHeaderTemplate：“库存单位：#=价值”
}
],
数据绑定：函数（e）{
$（“.UIS.0”）.closest（“td”）.css（“backgroundColor”、“red”）；
$（“.UIS.3”）.closest（“td”）.css（“backgroundColor”），“#009C00”）；
$（“.UIS.4”）.closest（“td”）.css（“backgroundColor”），“#7F7F7F”）；
}