且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

如何根据 Kendo UI Grid 中行的值更改行的颜色

更新时间:2021-08-28 00:44:56

您可以在行模板中应用条件,尝试类似下面的内容

You can apply condition in Row Template, Try Something like below

 $("#grid").kendoGrid({
        dataSource: ds,
        rowTemplate: '<tr class="#:Highlight  =="Yes"? "red" : "white"#" data-uid="#= uid #"><td>#: MAC  #</td><td>#:Time  #</td><td>#:Message#</td></tr>'
    });

数据源

var ds = new kendo.data.DataSource({
    data: [{
        Highlight  : "Yes",
        MAC   :"...",
        Time  :"...",
        Message:"...."
    }, {
        Highlight  : "No",
        MAC   :"...",
        Time  :"...",
        Message:"...."
    }]
});