title: How to change Kendo Grid row colours
body: <p>I want to design my Kendo Grid with colours in each row. If there is an alarm in the database these rows must be red, otherwise they must be green. </p>
  
  <p>Here is my code:</p>
  
  <pre><code>public JsonResult Getdata()
  {
      var reports = db.ActivityLog.OrderBy(c =&gt; c.dateTime).ToList();
      var collection = reports.Select(x =&gt; new
      {
          username = x.uName,
          location = x.locName,
          devices = x.devName,
          alarm = x.alarm
      });
      return Json(collection, JsonRequestBehavior.AllowGet);
  }
  </code></pre>
  
  <p>My view:</p>
  
  <pre><code>function handleDataFromServer() {
  
      $("#grid").data("kendoGrid").dataSource.read();
  }
  
  window.setInterval("handleDataFromServer()", 10000);
  
  $(document).ready(function () {
      $("#grid").kendoGrid({
          sortable: true,
          pageable: {
              input: true,
              numeric: false
          },
          selectable: "multiple",
          dataSource: {
              transport: {
                  read: "/Home/Getdata",
                  type: "json"
              }
          },
          columns: [
                          { field: "username", width: "80px" },
                          { field: "location", width: "80px" },
                          { field: "devices", width: "80px" },
                          { field: "alarm", width: "80px" }]
      });
  });
  </code></pre>