title: How do I reference a specific cell in kendo grid with javascript?
body: <p>Right now I have a kendo grid with 2 rows and 6 columns. I need some logic to highlight a specific cell but I don't know how to reference a cell. I used this example but I don't know what to pass in as the id. </p>
  
  <pre><code>myHub.client.highlightRow = function (id) {
      var data = $("#MyGrid").data("kendoGrid").dataSource.data();
      for (var i = 0; i &lt; data.length; i++) {
          var dataItem = data[i];
          if (dataItem.id == id) {
              //alert(dataItem.uid);
              $("#MyGrid").data("kendoGrid").tbody.find("tr[data-uid=" + dataItem.uid + "]").effect("highlight", { color: "#f35800" }, 3000);
          }
      }
  };
  </code></pre>
  
  <p>Here is a sample of my grid.</p>
  
  <pre><code>function loadGaugeTable(siteId, dashboardId, endDate, planType) {
      var today = new Date();
      var metricTitle = "Metric, as of " + monthNames[today.getMonth()] + " " + today.getDate();
      var containerSize = $("#gaugeMetricTableContainer").width();
      var apiPath = "/" + getAppPath() + "/Analytics/api/DashboardApi/getAllMetricTDData" + "?siteId=" + siteId +
                                                                                      "&amp;dashboardId=" + dashboardId +
                                                                                      "&amp;endDate=" + escape(endDate) +
                                                                                      "&amp;planType=" + planType
  
      $("#gaugeMetricTable").kendoGrid({
  
          attributes: {
              "class": "table-cell",
              style: "font-size: 10px"
          },
          height: 250,
          selectable: "row",
          scrollable: true,
          sortable: true,
          filterable: true,
          columns: [
              { field: "MetricName", title: metricTitle, width: containerSize / 4 + "px" },
              { field: "DailyActual", title: "Daily Actual", format: decimalPrecisionFormat },
              { field: "DailyTarget", title: "Daily Target", format: decimalPrecisionFormat },
              { field: "MTDActual", title: "MTD Actual", format: decimalPrecisionFormat },
              { field: "MTDTarget", title: "MTD Target", format: decimalPrecisionFormat },
              { field: "YTDActual", title: "YTD Actual", format: decimalPrecisionFormat },
              { field: "YTDTarget", title: "YTD Target", format: decimalPrecisionFormat }
  
          ],
          dataSource: {
              transport: {
                  read: {
                      dataType: "json", url: apiPath
                  }
              }
          },
  
      });
  }
  </code></pre>
  
  <p>How would I go about referencing say row 1, column 2.</p>
  
  <pre><code>var data = $("#gaugeMetricTable").data("kendoGrid").dataSource.data();
  data[0];
  </code></pre>
  
  <p>Returns the data for the row but I can't reference the column with data[0].columns[1].</p>