title: angular ui-grid highlight entire row by cell click
body: <p>It looks like a simple task, but I already spent 4 hours to find a solution. How can I highlight the entire row by cell click?</p>
  
  <p>On register api I have next</p>
  
  <pre><code> $scope.gridOptions.onRegisterApi = function(gridApi){
         $scope.gridApi = gridApi;
         gridApi.cellNav.on.navigate($scope,function(selected){
  
            if('.ui-grid-cell-focus '){
              console.log("fired class")
                  $(selected.row.entity).addClass('ui-grid-cell-focus')
                          }
  
              console.log("fired cell")
                          $(selected.row.entity).addClass('ui-grid-cell-focus')
  
              });
      };
  </code></pre>
  
  <p>I see how click on cell is fired, but I cannot force to color the row and I don't want to select the row, because I use check box selection for this purpose, I just want to highlight the row by click on any cell in this row. Could somebody tell me where my mistake is? </p>
  
  <p>Attached <a href="http://plnkr.co/edit/bWwGcEMgCRCA6wm6Zt2O?p=preview" rel="nofollow"><strong>plunker</strong></a></p>