jqGrid：如何为具有特定条件的行添加 CSS 类答案

【问题标题】：jqGrid : How to add CSS class for a row with specific criteriajqGrid：如何为具有特定条件的行添加 CSS 类
【发布时间】：2017-11-12 20:44:26
【问题描述】：

请考虑这种情况：

我有一个数组，我想用 jqGrid 显示它：

var arr = [
        { Id: 1, Name: "J1" , Age: 40},
        { Id: 2, Name: "J2" , Age: 50},
        { Id: 3, Name: "J3" , Age: 60},
        { Id: 4, Name: "J4" , Age: 70},
        { Id: 5, Name: "J5" , Age: 80},
    ];

我想为我的网格使用引导样式，并且我想添加基于某些行标准的 CSS 类。例如：

Criteria          CSS class
----------------------------
Age >= 80          table-danger
70 <= Age < 80     table-warning
60 <= Age < 70     table-info

如何为我的网格添加这个 CSS 类？

谢谢

【问题讨论】：

你能添加你的html部分吗

标签： jquery html css twitter-bootstrap jqgrid

【解决方案1】：

您应该使用rowattr 来通知 jqGrid 在生成行期间应该将哪些附加属性（类、标题、样式等）分配给网格的行。回调的一个例子如下

rowattr: function (item) {
    if (item.Age >= 80) {
        return { "class": "table-danger" };
    } else if (70 <= item.Age && item.Age < 80) {
        return { "class": "table-warning" };
    } else if (60 <= item.Age && item.Age < 70) {
        return { "class": "table-info" };
    }            
}

有关代码示例，请参阅 the old answer。

【讨论】：