Javascript SlickGrid：如何循环每行并根据条件设置颜色？

我是滑溜网格的初学者。我想知道如何循环通过网格中的每一行，并根据条件设置行回颜色（例如：如果年龄在20-40岁之间，该行将为蓝色，否则，该行将为红色）

您需要使用格式化程序，以便列定义如下所示

{id: "delete", name: "Del", field: "del", formatter: Slick.Formatters.Delete, width: 15},

(function ($) {
// register namespace
$.extend(true, window, {
    "Slick": {
        "Formatters": {                
            "Delete": DeleteLink
        }
    }
});


function DeleteLink(row, cell, value, columnDef, dataContext) {
    //Logic to present whatever you want based on the cell data
    return "<a href=\"javascript:removeId('contact', '" + dataContext.folderId + "', '" + dataContext.id + "')\"><img width=\"16\" height=\"16\" border=\"0\" src=\"/images/delete.png\"/></a>";
}

})(jQuery);

像这样将格式化程序添加到slickgrid

{id: "delete", name: "Del", field: "del", formatter: Slick.Formatters.Delete, width: 15},

(function ($) {
// register namespace
$.extend(true, window, {
    "Slick": {
        "Formatters": {                
            "Delete": DeleteLink
        }
    }
});


function DeleteLink(row, cell, value, columnDef, dataContext) {
    //Logic to present whatever you want based on the cell data
    return "<a href=\"javascript:removeId('contact', '" + dataContext.folderId + "', '" + dataContext.id + "')\"><img width=\"16\" height=\"16\" border=\"0\" src=\"/images/delete.png\"/></a>";
}

})(jQuery);

（函数（$）{
//寄存器名称空间
$.extend（真，窗口{
“光滑”：{
“格式化程序”：{
“删除”：删除链接
}
}
});
函数DeleteLink（行、单元格、值、列定义、数据上下文）{
//基于单元格数据显示所需内容的逻辑
返回“”；
}
})（jQuery）；

假设您使用的是

Slick.Data.DataView

，则可以修改以将类动态添加到包含行元素中。我将这样写，就好像您的

Slick.Data.DataView

实例被称为

DataView

，给您：

dataView.getItemMetadata = metadata(dataView.getItemMetadata);

function metadata(old_metadata_provider) {
  return function(row) {
    var item = this.getItem(row);
    var ret  = (old_metadata_provider(row) || {});

    if (item) {
      ret.cssClasses = (ret.cssClasses || '');
      if (item.age >= 20 && item.age <= 40) {
        ret.cssClasses += ' blue';
      } else {
        ret.cssClasses += ' red';
      }
    }

    return ret;
  }
}

dataView.getItemMetadata=元数据（dataView.getItemMetadata）；
函数元数据（旧的元数据提供程序）{
返回函数（行）{
var item=此.getItem（行）；
var ret=（旧的元数据提供者（行）|{}）；
如果（项目）{
ret.cssClasses=（ret.cssClasses | |“）；
如果（item.age>=20&&item.age Hi，是否可以将类添加到行中的特定单元格而不是整行？谢谢！这是在迭代行吗？我在代码中没有看到这一点。。