Wie füge ich Hintergrundfarbe zu einem KendoUI Grid hinzu?

Question

Ich habe ein KendoUI Grid, das gut funktioniert, aber ich kann keine Hintergrundfarbe zu Zeilen hinzufügen.

Ich habe Code gefunden, der über die Zeilen iterieren soll, aber wenn ich ihn laufe, geht er einfach in eine Endlosschleife.

Es gibt viele Beiträge zu diesem Thema, aber die meisten von ihnen sind viel komplexer als ich es möchte.

Jede Hilfe würde sehr geschätzt werden.

$(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'); 
         } 
     }