KendoUIグリッドに背景色を追加するには

Question

KendoUI Gridはうまく機能していますが、背景色を追加することはできません。

行を繰り返し処理するコードがいくつか見つかりましたが、実行すると無限ループになります。

このトピックについては多くの記事がありますが、そのほとんどは私が望むよりもはるかに複雑です。

ご協力いただければ幸いです。

$(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 : "$10", 
      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'); 
         } 
     }