angular ui-grid highlight entire row by cell click
<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>