JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.14/angular.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/angular-filter/0.5.4/angular-filter.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/ramda/0.11.0/ramda.min.js"></script>
<div ng-app="myApp" ng-controller="DemoCtrl">
    <table class="table table-bordered">
        <tbody>
            <tr ng-repeat="name in names" ng-class="{greenyellow: $index === 2}">
                <td>{{name.fName}}</td>
                <td>{{name.lName}}</td>
            </tr>
        </tbody>
    </table>
</div>

CSS

.greenyellow {
    background-color: greenyellow;
}
.greenyellow {
    background-color: blue;
}

JavaScript

var app = angular.module('myApp', []);

app.controller('DemoCtrl', function ($scope) {

    $scope.names = [{
        fName: "John",
        lName: "David"
    }, {
        fName: "Richard",
        lName: "Daniel"
    }, {
        fName: "Paul",
        lName: "Mark"
    }];
});