如何将背景颜色添加到 KendoUI 网格

Question

我有一个运行良好的 KendoUI 网格，但我无法为行添加背景颜色。

我发现了一些应该遍历行的代码，但是当我运行它只是进入无限循环。

有很多关于这个主题的帖子，但其中大部分都比我想的要复杂得多。

如有任何帮助，我们将不胜感激。

$(document).ready(function() {

    $("#grid").kendoGrid({
        dataSource: {
        type: "jsonp",
        transport: {
        read: "XXXX.xpRest.xsp/xpRest1"},
        pageSize: 20},
        batch: true,
        pageable: {
            refresh: true,
            pageSizes: true,
            buttonCount: 5
                  },
        pageSize: 15,
        height: 543,
        selectable : true,
        columns : [{
            field : "name",
            title : "Name"
        },{
            field : "strDate",
            title : "Start Date",
            width : 150
        },{
            field : "",
            title : "End Date Date",
            width : 150
        }],     
        dataBound: function () {
                dataView = this.dataSource.view();
//<!--                for (var i = 0; i < dataView.length; i++) {-->
//<!--                    if (i = 0) {-->
//<!--                        var uid = dataView[i].uid;-->
//<!--                        $("#grid tbody").find("tr[data-uid=" + uid + "]").addClass("onCall");  //alarm's in my style and we call uid for each row-->
//<!--                    }-->
//<!--                }-->
            }
        });
});

Answer 1

     dataBound: function (e) {
                        // Color rows
                        var rows = e.sender.tbody.children();
                        for (var j = 0; j < rows.length; j++) {
                            var row = $(rows[j]);                           
                            row.css('background-color', '#FFFFE0');
                        } 
      }

如何将背景颜色添加到 KendoUI 网格

How to add background color to a KendoUI Grid

kendo-ui

kendo-ui-grid