Wijmo 5 - FlexGrid loadedRows/cssClass

HTML

<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<script src="http://code.jquery.com/jquery-2.1.0.min.js"></script>
<script src="http://cdn.wijmo.com/5.20143.22/controls/wijmo.min.js"></script>
<link rel="stylesheet" href="http://cdn.wijmo.com/5.20143.22/styles/wijmo.min.css">
<script src="http://cdn.wijmo.com/5.20143.22/controls/wijmo.grid.min.js"></script>
<script src="http://cdn.wijmo.com/5.20143.22/interop/angular/wijmo.angular.min.js"></script>
<!-- mark this as an Angular application and give it a controller -->
<div ng-app="app" ng-controller="appCtrl">
    
<h1>FlexGrid row.cssClass example</h1>

    <p>This is a <b>FlexGrid</b> control:</p>
    <wj-flex-grid items-source="data" loaded-rows="loadedRows(s,e)"></wj-flex-grid>
</div>

CSS

.redRow:not(.wj-state-selected) {
    background-color:rgb(250, 210, 210) !important;
    color:black !important;
}

JavaScript

// define app, include Wijmo 5 directives
var app = angular.module('app', ['wj']);

// controller
app.controller('appCtrl', function ($scope) {

    // set cssClass property on rows depending on their data
    $scope.loadedRows = function (sender, args) {
        var rows = sender.rows;
        for (var i = 0; i < rows.length; i++) {
            if (rows[i].dataItem.sales < 5000) {
                rows[i].cssClass = 'redRow';
            }
        }
    }

    // create some random data
    var countries =...