title: Custom color of selected row in angular-ui-grid
body: <p>I want to change the cell/row colors of an angular-ui-grid. From the documentation it seems I should use the cellClass for this. I want two colors for a striped look and another color for the currently selected row.</p>
  
  <p>In my columnDefs I use a function to determine the proper cellClass. This works perfect on first load. </p>
  
  <pre><code>$scope.getCellClass = function (grid, row, col, rowRenderIndex, colRenderIndex) {
      if (row.isSelected)
          return 'my-grid-cell-selected';
  
      if ((rowRenderIndex % 2) == 0) {
          return 'my-grid-cell1';
      }
      else {
          return 'my-grid-cell2';
      }
  }
  
  $scope.gridOptions = {
      enableRowSelection: true,
      enableRowHeaderSelection: false,        
      multiSelect: false,
      columnDefs: [
        { field: 'EventDate', cellClass: $scope.getCellClass },
        ...
      ]
  };
  </code></pre>
  
  <p>I don't know, however, how to update the cellClass of all cells of the selected row.
  I have the following code that I thought would update the selected row but nothing happens although I can see that it is called.</p>
  
  <pre><code>$scope.gridOptions.onRegisterApi = function (gridApi) {
      $scope.gridApi = gridApi;
  
      gridApi.selection.on.rowSelectionChanged($scope, function(row){
          //??????
          gridApi.core.notifyDataChange(uiGridConstants.dataChange.ROW);
      });
  
  };
  </code></pre>
  
  <p>Without my cellClasses the selected row gets colored differently.</p>
  
  <p>Any idea how to achieve a customized color for the selected row?</p>