title: Kendo Grid - Get cell index on hover
body: <p>I am trying to add a kendoToolTip to the cells of a specific column on my grid. Right now, the tooltip works, but it displays when hovering over any cell on the grid. </p>
  
  <p>I want to get the specific cell index of the item im hovering over, so that I can only display the tooltip when hovering over cell index 9 for example. </p>
  
  <p>The code i have always returns me cell index of -1. I can make it work with an onclick event, but i cannot get it to work with on hover. </p>
  
  <p>Any help would be appreciated. </p>
  
  <pre><code>    $("#samplerequest-grid").kendoTooltip({
          filter: "td",
          content: function(e) {
              var grid = $("#samplerequest-grid").data("kendoGrid");
              var dataItem = grid.dataItem(e.target.closest('tr'));
              var rowIdx = $("tr", grid.tbody).index(dataItem);
              var colIdx = $("td", dataItem).index(this); // Always returns -1
  
              console.log("row:" + rowIdx + " col:" + colIdx + " msg: " + dataItem.sampleStatusMsg);
              return dataItem.sampleStatusMsg;
          }
      });
  </code></pre>
  
  <p>UPDATE:</p>
  
  <p>Thank you for the answers. They both would have worked, and i may change my solution to use them. Before seeing your answers i did find my own solution, which was to add a template to the cell and filter for that id. </p>
  
  <p>Grid Column Declaration:</p>
  
  <pre><code>{
     field: "sampleStatus",
     title: "Sample Status",
     width: "110px",
     locked: true,
     lockable: true,
     template: "&lt;span id='sampStatus'&gt;#=getValue(sampleStatus)#&lt;/span&gt;"
  },
  </code></pre>
  
  <p>Controller function for tooltip</p>
  
  <pre><code>$("#samplerequest-grid").kendoTooltip({
     filter: "#sampStatus",
     content: function(e) {
        var grid = $("#samplerequest-grid").data("kendoGrid");
        var dataItem = grid.dataItem(e.target.closest('tr'));
        return dataItem.sampleStatusMsg;
     }
  });
  </code></pre>