title: Kendo UI: grid: conditional style based on compare of the values in 3rd and 4th cells, for each row
body: <p>I am not sure how to pluck out the value in the 3rd and 4th cells (TD) to compare them.  If they have the same value, I want to add a cssClass to the row; not sure how to do that either:</p>
  
  <pre><code> $("#grid tr").each(function() {
  
  
             var theValueInCell3 = ?   // how to get the cell's value?
             var theValueInCell4 = ?   // how to get the cell's value
  
             if (theValueInCell3 == theValueInCell4)
               {
  
                    //pseudo-code to add a cssClass to the row
                    $(this).addClass('foo');
               }
  
      });
  </code></pre>
  
  <p>EDIT: Here is my latest attempt trying to follow @Pechka's suggestion:</p>
  
  <pre><code>   .
     .
     .
     if (grid != null) {
      grid.dataSource.data(parsedData);        
      setTimeout(StyleRows, 500);
    }
  
  
    function StyleRows() {
  
        var grid = $('#grid').data('kendoGrid');
        $("#grid tr").each(function () { 
           var dataItem = grid.dataItem(this);   // dataItem is undefined
           if (dataItem.PropA == dataItem.PropB) {
              $(this).addClass('foo');
          }
  
      });
     }
  </code></pre>
  
  <p>The error is that <code>dataItem</code> is undefined.</p>