JSFiddle - React, Tailwind, and code Playground

HTML

<script src=" http://ajax.aspnetcdn.com/ajax/knockout/knockout-2.1.0.js"></script>
  <table id="calls_table">
        <thead>
        <tr>
            <th>Index</th>
            <th >Value</th>

        </tr>
        </thead>
        <tbody data-bind="template: {name: 'call-template', foreach: people }">
        </tbody>

    </table> 

    <script type="text/html" id="call-template">
        <tr data-bind="css: {alt: $index()}" >
            <td><span data-bind="text: $index" /></td>
            <<td><span data-bind="text: name" /></td>
            <td><span data-bind="text: $index" /></td>

        </tr>
    </script>

CSS

.alt{
 background-color: yellow;   
}

JavaScript

function MyViewModel() {
     this.people = [
         { name: 'Franklin', credits: 250 },
         { name: 'Mario', credits: 5800 }
     ]
 }
 ko.applyBindings(new MyViewModel());